@font-face {
    font-family: 'rubik';
    src: url(./Rubik-Regular.ttf);
}


/* 菜品展示 */

@media only screen and (min-width: 1921px) {
    .t_fs_a {
        width: calc(1560/1920*100%);
        position: relative;
        margin: 0 auto 20px;
    }
    .t_fs_a1 {
        width: calc(422.5/1810*100%);
        height: 0;
        padding-bottom: calc(292/1810*100%);
        margin-right: calc((1810 - 422.5*4)/3/1810*100%);
        margin-bottom: 40px;
        position: relative;
        float: left;
    }
    .t_fs_a1:nth-child(4n) {
        margin-right: 0;
    }
    .t_fs_a2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .t_fs_a2 img {
        min-height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .t_fs_a3 {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a3 div:nth-child(1) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        left: 0;
        top: 0;
        transition: 0.5s;
    }
    .t_fs_a3 div:nth-child(2) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        right: 0;
        bottom: 0;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(1) {
        height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(2) {
        height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a3 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a4 {
        width: calc(530/578*100%);
        height: calc(350/400*100%);
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        bottom: 0;
        margin: auto;
        display: table;
        transform: translateX(-50%) scale(0);
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a4 {
        transform: translateX(-50%) scale(1);
        transition: 0.5s;
    }
    .t_fs_a5 {
        width: 100%;
        display: table-cell;
        padding: 0 30px;
        vertical-align: middle;
        font-size: 22px;
        line-height: 48px;
        color: #f2efe8;
        font-weight: bold;
        text-align: center;
    }
    .t_fs_b {
        width: 180px;
        height: 55px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc974b;
        margin-bottom: 100px;
        cursor: pointer;
    }
    .t_fs_b div:nth-child(1) {
        font-size: 16px;
        color: #ffffff;
        line-height: 16px;
    }
    .t_fs_b div:nth-child(2) {
        width: 26px;
        height: 21px;
        margin-left: 8px;
    }
    .t_fs_b div:nth-child(2) img {
        animation: qwe 3s linear infinite;
    }
    @keyframes qwe {
        0% {
            transform: translateY(-20px)
        }
        100% {
            transform: translateY(20px)
        }
    }
    .t-objects {
        width: 100%;
        background: #fff;
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .t_fs_a {
        width: calc(1560/1920*100%);
        position: relative;
        margin: 0 auto 20px;
    }
    .t_fs_a1 {
        width: calc(422.5/1810*100%);
        height: 0;
        padding-bottom: calc(292/1810*100%);
        margin-right: calc((1810 - 422.5*4)/3/1810*100%);
        margin-bottom: 40px;
        position: relative;
        float: left;
    }
    .t_fs_a1:nth-child(4n) {
        margin-right: 0;
    }
    .t_fs_a2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .t_fs_a2 img {
        min-height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .t_fs_a3 {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a3 div:nth-child(1) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        left: 0;
        top: 0;
        transition: 1s;
    }
    .t_fs_a3 div:nth-child(2) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        right: 0;
        bottom: 0;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(1) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(2) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a4 {
        width: calc(530/578*100%);
        height: calc(350/400*100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: table;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a4 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a5 {
        width: 100%;
        display: table-cell;
        padding: 0 30px;
        vertical-align: middle;
        font-size: 22px;
        line-height: 48px;
        color: #f2efe8;
        font-weight: bold;
        text-align: center;
    }
    .t_fs_b {
        width: 180px;
        height: 55px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc974b;
        margin-bottom: 100px;
        cursor: pointer;
    }
    .t_fs_b div:nth-child(1) {
        font-size: 16px;
        color: #ffffff;
        line-height: 16px;
    }
    .t_fs_b div:nth-child(2) {
        width: 26px;
        height: 21px;
        margin-left: 8px;
    }
    .t_fs_b div:nth-child(2) img {
        animation: qwe 3s linear infinite;
    }
    @keyframes qwe {
        0% {
            transform: translateY(-20px)
        }
        100% {
            transform: translateY(20px)
        }
    }
    .t-objects {
        width: 100%;
        background: #fff;
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .t_fs_a {
        width: calc(1560/1920*100%);
        position: relative;
        margin: 0 auto 20px;
    }
    .t_fs_a1 {
        width: calc(422.5/1810*100%);
        height: 0;
        padding-bottom: calc(292/1810*100%);
        margin-right: calc((1810 - 422.5*4)/3/1810*100%);
        margin-bottom: 40px;
        position: relative;
        float: left;
    }
    .t_fs_a1:nth-child(4n) {
        margin-right: 0;
    }
    .t_fs_a2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .t_fs_a2 img {
        min-height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .t_fs_a3 {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a3 div:nth-child(1) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        left: 0;
        top: 0;
        transition: 1;
    }
    .t_fs_a3 div:nth-child(2) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        right: 0;
        bottom: 0;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(1) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(2) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a4 {
        width: calc(530/578*100%);
        height: calc(350/400*100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: table;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a4 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a5 {
        width: 100%;
        display: table-cell;
        padding: 0 30px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 44px;
        color: #f2efe8;
        font-weight: bold;
        text-align: center;
    }
    .t_fs_b {
        width: 180px;
        height: 55px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc974b;
        margin-bottom: 100px;
        cursor: pointer;
    }
    .t_fs_b div:nth-child(1) {
        font-size: 16px;
        color: #ffffff;
        line-height: 16px;
    }
    .t_fs_b div:nth-child(2) {
        width: 26px;
        height: 21px;
        margin-left: 8px;
    }
    .t_fs_b div:nth-child(2) img {
        animation: qwe 3s linear infinite;
    }
    @keyframes qwe {
        0% {
            transform: translateY(-20px)
        }
        100% {
            transform: translateY(20px)
        }
    }
    .t-objects {
        width: 100%;
        background: #fff;
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .t_fs_a {
        width: calc(1560/1920*100%);
        position: relative;
        margin: 0 auto 20px;
    }
    .t_fs_a1 {
        width: calc(422.5/1810*100%);
        height: 0;
        padding-bottom: calc(292/1810*100%);
        margin-right: calc((1810 - 422.5*4)/3/1810*100%);
        margin-bottom: 40px;
        position: relative;
        float: left;
    }
    .t_fs_a1:nth-child(4n) {
        margin-right: 0;
    }
    .t_fs_a2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .t_fs_a2 img {
        min-height: 100%;
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .t_fs_a3 {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a3 div:nth-child(1) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        left: 0;
        top: 0;
        transition: 1s;
    }
    .t_fs_a3 div:nth-child(2) {
        position: absolute;
        height: 0;
        width: 1px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(200, 151, 81, 1), rgba(0, 0, 0, 0.1));
        right: 0;
        bottom: 0;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(1) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 div:nth-child(2) {
        height: 100%;
        transition: 1s;
    }
    .t_fs_a1:hover .t_fs_a3 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a4 {
        width: calc(530/578*100%);
        height: calc(350/400*100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: table;
        transform: scale(0);
        transition: 0.5s;
    }
    .t_fs_a1:hover .t_fs_a4 {
        transform: scale(1);
        transition: 0.5s;
    }
    .t_fs_a5 {
        width: 100%;
        display: table-cell;
        padding: 0 30px;
        vertical-align: middle;
        font-size: 18px;
        line-height: 40px;
        color: #f2efe8;
        font-weight: bold;
        text-align: center;
    }
    .t_fs_b {
        width: 180px;
        height: 55px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc974b;
        margin-bottom: 100px;
        cursor: pointer;
    }
    .t_fs_b div:nth-child(1) {
        font-size: 16px;
        color: #ffffff;
        line-height: 16px;
    }
    .t_fs_b div:nth-child(2) {
        width: 26px;
        height: 21px;
        margin-left: 8px;
    }
    .t_fs_b div:nth-child(2) img {
        animation: qwe 3s linear infinite;
    }
    @keyframes qwe {
        0% {
            transform: translateY(-20px)
        }
        100% {
            transform: translateY(20px)
        }
    }
    .t-objects {
        width: 100%;
        background: #fff;
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1023px) {
    .t_fs_a {
        width: calc(100% - 0.4rem*2);
        position: relative;
        margin: 1rem auto;
    }
    .t_fs_a1 {
        width: 100%;
        margin-bottom: 0.6rem;
        float: left;
    }
    .t_fs_a2 img {
        max-width: 100%;
        transition: 0.5s;
        margin-bottom: 0.6rem;
    }
    .t_fs_a4 {
        width: max-content;
        height: 0.4rem;
        margin: auto;
        padding-left: 0.18rem;
        padding-right: 0.18rem;
        border-right: 0.03rem solid #cc974b;
        border-left: 0.03rem solid #cc974b;
        font-size: 0.32rem;
        line-height: 0.4rem;
        color: #221815;
    }
    .t_fs_b {
        width: calc(100% - 2rem*2);
        height: 0.8rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc974b;
        margin-bottom: 100px;
        cursor: pointer;
    }
    .t_fs_b div:nth-child(1) {
        font-size: 0.32rem;
        color: #ffffff;
        line-height: 0.32rem;
    }
    .t_fs_b div:nth-child(2) {
        width: 0.26rem;
        height: 0.21rem;
        margin-left: 0.08rem;
    }
    .t_fs_b div:nth-child(2) img {
        animation: qwe 3s linear infinite;
    }
    @keyframes qwe {
        0% {
            transform: translateY(-0.2rem)
        }
        100% {
            transform: translateY(0.2rem)
        }
    }
}


/* 联系我们 */

@media only screen and (min-width: 1921px) {
    .lx {
        width: 100%;
    }
    .lx-a {
        width: 100%;
        min-height: 417px;
        overflow: hidden;
        position: relative;
    }
    .lx-a1 {
        width: 1440px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1440px/2);
        top: 0;
    }
    .lx-a2 {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
    }
    .lx-a2>img {
        position: absolute;
        max-height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
    }
    .lx-a3 {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
        display: table;
        position: relative;
    }
    .lx-a31 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 200px;
    }
    .lx-a32 {
        font-size: 48px;
        line-height: 48px;
        color: #222222;
        font-weight: bold;
    }
    .lx-a33 {
        display: flex;
        align-items: center;
        margin-top: 50px;
    }
    .lx-a33>div:nth-child(1) {
        height: 30px;
        margin-right: 20px;
    }
    .lx-a33>div:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        margin-right: 20px;
    }
    .lx-a33>.lx-a34 {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
    }
    .lx-a33>.lx-a35 {
        font-size: 48px;
        line-height: 48px;
        color: #454545;
        font-family: 'Cormorant Garamond';
    }
    .lx-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
    }
    .lx-a4>img {
        width: 100%;
    }
    .lx>.lx-a:nth-child(2n) .lx-a2 {
        float: right;
    }
    .lx>.lx-a:nth-child(2n) .lx-a3 {
        float: left;
    }
    .lx>.lx-a:nth-child(2n) .lx-a4 {
        display: block;
    }
    .lx>.lx-a:nth-child(1) .lx-a1 {
        width: 100%;
        height: 965px;
        top: 0;
        left: 0;
    }
    .lx>.lx-a:nth-child(1) .lx-a2 {
        width: max-content;
        position: absolute;
        left: 0;
        top: 0;
    }
    .lx>.lx-a:nth-child(1) .lx-a2>img {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: translateX(0);
    }
    .lx>.lx-a:nth-child(1) {
        height: 965px;
    }
    .lx-a36 {
        width: 296px;
        height: 177px;
        position: absolute;
        left:calc(50% - 296px/2);
        bottom: 180px;
        display: none;
    }
    .lx>.lx-a:nth-child(1) .lx-a36 {
        display: block;
    }
    .lx>.lx-a:nth-child(4) .lx-a2>img {
        top: -100px;
    }
    .lx>.lx-a:nth-child(1) .lx-a31{
        vertical-align: baseline;
        padding-top: 150px;
        padding-left: 250px;
    }
    .hh-a1{
        padding-top:50px;
        width:160px;
    }
    .hh-a2{
        width: 100%;
        margin-bottom:20px;
    }
    .hh-a3{
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        text-align:center;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .hh-a1{
        padding-top:50px;
        width:160px;
    }
    .hh-a2{
        width: 100%;
        margin-bottom:20px;
    }
    .hh-a3{
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        text-align:center;
    }
    .lx {
        width: 100%;
    }
    .lx-a {
        width: 100%;
        min-height: 417px;
        overflow: hidden;
        position: relative;
    }
    .lx-a1 {
        width: 1440px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1440px/2);
        top: 0;
    }
    .lx-a2 {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
    }
    .lx-a2>img {
        position: absolute;
        max-height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
    }
    .lx-a3 {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
        display: table;
        position: relative;
    }
    .lx-a31 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 200px;
    }
    .lx-a32 {
        font-size: 48px;
        line-height: 48px;
        color: #222222;
        font-weight: bold;
    }
    .lx-a33 {
        display: flex;
        align-items: center;
        margin-top: 50px;
    }
    .lx-a33>div:nth-child(1) {
        height: 30px;
        margin-right: 20px;
    }
    .lx-a33>div:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        margin-right: 20px;
    }
    .lx-a33>.lx-a34 {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
    }
    .lx-a33>.lx-a35 {
        font-size: 48px;
        line-height: 48px;
        color: #454545;
        font-family: 'Cormorant Garamond';
    }
    .lx-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
    }
    .lx>.lx-a:nth-child(2n) .lx-a2 {
        float: right;
    }
    .lx>.lx-a:nth-child(2n) .lx-a3 {
        float: left;
    }
    .lx>.lx-a:nth-child(2n) .lx-a4 {
        display: block;
    }
    .lx>.lx-a:nth-child(1) .lx-a1 {
        height: 965px;
        top: 0;
    }
    .lx>.lx-a:nth-child(1) {
        height: 965px;
    }
    .lx-a36 {
        width: 296px;
        height: 177px;
        position: absolute;
        right: 0;
        bottom: 180px;
        display: none;
    }
    .lx>.lx-a:nth-child(1) .lx-a36 {
        display: block;
    }
    .lx>.lx-a:nth-child(4) .lx-a2>img {
        top: -100px;
    }
    .lx>.lx-a:nth-child(1) .lx-a31{
        vertical-align: baseline;
        padding-top:150px;
        padding-left: 260px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .lx>.lx-a:nth-child(1) .lx-a31{
        vertical-align: baseline;
        padding-top: 200px;
        padding-left: 230px;
    }
    .hh-a1{
        padding-top:50px;
        width:160px;
    }
    .hh-a2{
        width: 100%;
        margin-bottom:20px;
    }
    .hh-a3{
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        text-align:center;
    }
    .lx {
        width: 100%;
    }
    .lx-a {
        width: 100%;
        min-height: 325px;
        overflow: hidden;
        position: relative;
    }
    .lx-a1 {
        width: 1440px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1440px/2);
        top: 0;
    }
    .lx-a2 {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
    }
    .lx-a2>img {
        position: absolute;
        max-height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
    }
    .lx-a3 {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
        display: table;
        position: relative;
    }
    .lx-a31 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 200px;
    }
    .lx-a32 {
        font-size: 48px;
        line-height: 48px;
        color: #222222;
        font-weight: bold;
    }
    .lx-a33 {
        display: flex;
        align-items: center;
        margin-top: 50px;
    }
    .lx-a33>div:nth-child(1) {
        height: 30px;
        margin-right: 20px;
    }
    .lx-a33>div:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        margin-right: 20px;
    }
    .lx-a33>.lx-a34 {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
    }
    .lx-a33>.lx-a35 {
        font-size: 48px;
        line-height: 48px;
        color: #454545;
        font-family: 'Cormorant Garamond';
    }
    .lx-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
    }
    .lx>.lx-a:nth-child(2n) .lx-a2 {
        float: right;
    }
    .lx>.lx-a:nth-child(2n) .lx-a3 {
        float: left;
    }
    .lx>.lx-a:nth-child(2n) .lx-a4 {
        display: block;
    }
    .lx>.lx-a:nth-child(1) .lx-a1 {
        height: 965px;
        top: 0;
    }
    .lx>.lx-a:nth-child(1) {
        height: 965px;
    }
    .lx-a36 {
        width: 296px;
        height: 177px;
        position: absolute;
        right: 0;
        bottom: 100px;
        display: none;
    }
    .lx>.lx-a:nth-child(1) .lx-a36 {
        display: block;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .lx>.lx-a:nth-child(1) .lx-a31{
        vertical-align: baseline;
        padding-top: 130px;
        padding-left: calc(960px*230/1440);
    }
    .hh-a1{
        padding-top:30px;
        width:110px;
    }
    .hh-a2{
        width: 100%;
        margin-bottom:15px;
    }
    .hh-a3{
        font-size:calc(960px*16/1440);
        line-height: 16px;
        color: #454545;
        text-align:center;
    }
    .lx {
        width: 100%;
    }
    .lx-a {
        width: 100%;
        min-height: calc(960px*325/1440);
        overflow: hidden;
        position: relative;
    }
    .lx-a:nth-child(2) .lx-a31 {
        padding-left: calc(960px*150/1440);
    }
    .lx-a:nth-child(4) .lx-a31 {
        padding-left: calc(960px*100/1440);
    }
    .lx-a1 {
        width: 960px;
        height: 100%;
        position: absolute;
        left: calc(50% - 960px/2);
        top: 0;
    }
    .lx-a2 {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
    }
    .lx-a2>img {
        position: absolute;
        max-height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
    }
    .lx-a3 {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
        display: table;
        position: relative;
    }
    .lx-a31 {
        display: table-cell;
        vertical-align: middle;
        padding-left: calc(960px*200/1440);
    }
    .lx-a32 {
        font-size: calc(960px*48/1440);
        line-height: calc(960px*48/1440);
        color: #222222;
        font-weight: bold;
    }
    .lx-a33 {
        display: flex;
        align-items: center;
        margin-top: calc(960px*50/1440);
    }
    .lx-a33>div:nth-child(1) {
        height: calc(960px*30/1440);
        margin-right: calc(960px*20/1440);
    }
    .lx-a33>div:nth-child(2) {
        font-size: calc(960px*20/1440);
        line-height: calc(960px*20/1440);
        color: #454545;
        margin-right: calc(960px*20/1440);
    }
    .lx-a33>.lx-a34 {
        font-size: calc(960px*16/1440);
        line-height: calc(960px*16/1440);
        color: #454545;
    }
    .lx-a33>.lx-a35 {
        font-size: calc(960px*48/1440);
        line-height: calc(960px*48/1440);
        color: #454545;
        font-family: 'Cormorant Garamond';
    }
    .lx-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
    }
    .lx>.lx-a:nth-child(2n) .lx-a2 {
        float: right;
    }
    .lx>.lx-a:nth-child(2n) .lx-a3 {
        float: left;
    }
    .lx>.lx-a:nth-child(2n) .lx-a4 {
        display: block;
    }
    .lx>.lx-a:nth-child(1) .lx-a1 {
        height: calc(960px*965/1440);
        top: 0;
    }
    .lx>.lx-a:nth-child(1) {
        height: calc(960px*965/1440);
    }
    .lx-a36 {
        width: calc(960px*296/1440);
        height: calc(960px*177/1440);
        position: absolute;
        right: 0;
        bottom: calc(960px*100/1440);
        display: none;
    }
    .lx>.lx-a:nth-child(1) .lx-a36 {
        display: block;
    }
    .lx>.lx-a:nth-child(4) .lx-a2>img {
        top: -60px;
    }
}


/* 新闻资讯 */

@media only screen and (min-width: 1921px) {
    html,
    body {
        width: 100%;
        height: 100%;
    }
    .news-a {
        width: 100%;
        height: 100%;
        background: url(../t_img/t03.jpg) no-repeat;
        position: relative;
        background-size: cover;
    }
    .news-a2 {
        width: 1560px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .news-a3 {
        float: left;
        position: relative;
        padding-left: 45px;
    }
    .news-a3>img {
        width: 405px;
    }
    .news-a4 {
        width: 610px;
        margin-top: 240px;
    }
    .news-a4a {
        height: 102px;
        margin-left: -115px;
    }
    .news-a4b {
        font-size: 48px;
        line-height: 48px;
        font-weight: bold;
    }
    .news-a5 {
        width: 14px;
        position: absolute;
        bottom: 0;
        left: calc(50% - 1560px/2);
    }
    .news-a5 div:nth-child(1) {
        width: 14px;
        font-size: 14px;
        color: #cc974b;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .news-a5 div:nth-child(2) {
        width: 2px;
        margin: 0 auto;
        animation: scroll1 3s linear infinite;
    }
    .news-a6 {
        width: max-content;
        margin-top: 80px;
    }
    .news-a61 {
        margin-bottom: 34px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .news-a61 div:nth-child(1) {
        width: 36px;
        height: 4px;
        float: left;
    }
    .news-a61 div:nth-child(1) img {
        width: 20px;
        margin: 0 auto;
        transition: 0.5s;
    }
    .news-a61 div:nth-child(2) {
        font-size: 20px;
        color: #454545;
        float: left;
        transition: 0.5s;
        margin-left: 25px;
    }
    .news-a61.on1 div:nth-child(2) {
        font-size: 24px;
        color: #cc974b;
        font-weight: bold;
    }
    .news-a61.on1 div:nth-child(1) img {
        width: 36px;
        transition: 0.5s;
    }
    .news-b1 {
        width: calc(100% - 610px - 20px);
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        float: left;
        margin-left: 110px;
    }
    .news-b1::-webkit-scrollbar {
        display: none;
    }
    .news-b2 {
        width: calc((100% - 120px)/2);
        min-height: 380px;
    }
    .news-b1 .news-b2:nth-child(odd) {
        margin-top: 85px;
        float: left;
    }
    .news-b1 .news-b2:nth-child(even) {
        margin-bottom: 85px;
        float: right;
    }
    .news-b1 .news-b2:nth-child(2) {
        margin-top: 294px;
    }
    .news-b1a {
        width: 100%;
        font-size: 22px;
        line-height: 32px;
        margin-top: 34px;
        font-weight: bold;
    }
    .news-b1b {
        width: max-content;
        color: #9e9485;
        margin-top: 30px;
    }
    .news-b1b div:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
        float: left;
    }
    .news-b1b div:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    /* .news-b1b span {
        display: none;
    } */
    .news-b1i img {
        min-width: 100%;
        transition: 0.5s;
    }
    .news-b1i:hover img {
        transform: scale(1);
        transition: 0.5s;
    }
    .news-b1 .au-a3-form {
        display: flex;
        align-items: flex-start;
        right: auto;
    }
    .t-objects-a3 {
        font-size: 100px;
        line-height: 100px;
        color: #222222;
        font-style: normal;
    }
    .t-objects-a4 {
        font-size: 30px;
        line-height: 30px;
        color: #be9855;
        font-style: normal;
        margin-top: 15px;
    }
    .ns-a {
        width: 1560px;
        margin: 0 auto;
        padding-top: 158px;
        position: relative;
    }
    .ns-a1 {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .ns-a1a {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .ns-a1a>div:nth-child(1) {
        width: 20px;
        height: 26px;
        margin-right: 17px;
    }
    .ns-a1a>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #656464;
    }
    .ns-a1b {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #656464;
        margin-right: 10px;
    }
    .ns-a1b>div:nth-child(1) {
        margin-right: 10px;
    }
    .ns-a1b:hover>div:nth-child(1) {
        color: #8d7752;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a1>div:last-child>div:nth-child(2) {
        display: none;
    }
    .ns-a2 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 38px;
        line-height: 38px;
        font-weight: bold;
        text-align: center;
        margin-top: 58px;
    }
    .ns-a3 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ns-a3>.ns-a31 {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
    .ns-a3>.ns-a32 {
        font-family: 'Rubik';
    }
    .ns-a3>.ns-a32>div:nth-child(1) {
        float: left;
        font-size: 28px;
        line-height: 28px;
        color: #5d5d5d;
        margin-right: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(2) {
        float: left;
        font-size: 20px;
        line-height: 20px;
        color: #5d5d5d;
        padding-top: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(3) {
        display: none;
    }
    .ns-a33 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 16px;
        line-height: 36px;
        color: #484848;
        margin-top: 40px;
    }

    .ns-a33 img {
        width: 555px;
        margin: 0 auto;
    }
    .ns-a33 iframe {
        width: 555px;
        height: 320px;
    }
    .ns-a4 {
        margin: 90px 0;
    }
    .ns-a41 {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .ns-a41>div:nth-child(1) {
        width: 20px;
        height: 26px;
        position: relative;
    }
    .ns-a41>div:nth-child(1)>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        margin-left: 10px;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #cc974b;
        margin-left: 10px;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a5 {
        position: fixed;
        right: 65px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border: 1px solid #bca57e;
        border-radius: 50%;
    }
    .ns-a5>img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 16px;
        height: 10px;
    }
    .ns-a6 {
        position: absolute;
        top: 400px;
        right: calc(50% - 1560px/2);
    }
    .ns-a61 {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        font-weight: bold;
        text-align: center;
    }
    .ns-a62 {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #a4a4a4;
        position: relative;
        margin-top: 16px;
        transition: 0.5s;
    }
    .ns-a62>img {
        height: 18px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .ns-a62>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62>div {
        position: absolute;
        right: calc(100% + 12px);
        top: calc(50% - 97px/2);
        width: 97px;
        height: 97px;
        transform: scale(0);
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62:hover {
        border: 1px solid #c6b291;
        transition: 0.5s;
    }
    .ns-a62:hover>div {
        transform: scale(1);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    html,
    body {
        width: 100%;
        height: 100%;
    }
    .news-a {
        width: 100%;
        height: 100%;
        background: url(../t_img/t03.jpg) no-repeat;
        position: relative;
        background-size: cover;
    }
    .news-all {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news-a2 {
        width: 1560px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .news-a3 {
        float: left;
        position: relative;
        padding-left: 45px;
    }
    .news-a3>img {
        width: 405px;
    }
    .news-a4 {
        width: 610px;
        margin-top: 240px;
    }
    .news-a4a {
        height: 102px;
        margin-left: -115px;
    }
    .news-a4b {
        font-size: 48px;
        line-height: 48px;
        font-weight: bold;
    }
    .news-a5 {
        width: 14px;
        position: absolute;
        bottom: 0;
        left: calc(50% - 1560px/2);
    }
    .news-a5 div:nth-child(1) {
        width: 14px;
        font-size: 14px;
        color: #cc974b;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .news-a5 div:nth-child(2) {
        width: 2px;
        margin: 0 auto;
        transition: 0.5s;
        animation: scroll1 3s linear infinite;
    }
    .news-a6 {
        width: max-content;
        margin-top: 80px;
    }
    .news-a61 {
        margin-bottom: 34px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .news-a61 div:nth-child(1) {
        width: 36px;
        height: 4px;
        float: left;
    }
    .news-a61 div:nth-child(1) img {
        width: 20px;
        margin: 0 auto;
        transition: 0.5s;
    }
    .news-a61 div:nth-child(2) {
        font-size: 20px;
        color: #454545;
        float: left;
        transition: 0.5s;
        margin-left: 25px;
    }
    .news-a61.on1 div:nth-child(2) {
        font-size: 24px;
        color: #cc974b;
        font-weight: bold;
    }
    .news-a61.on1 div:nth-child(1) img {
        width: 36px;
        transition: 0.5s;
    }
    .news-b1 {
        width: calc(100% - 610px - 20px);
        height: 100%;
        overflow: hidden;
        float: left;
        margin-left: 110px;
    }
    .news-b1::-webkit-scrollbar {
        display: none;
    }
    .news-b2 {
        width: calc((100% - 120px)/2);
        min-height: 380px;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(odd) {
        margin-top: 85px;
        float: left;
    }
    .news-b1 .news-b2:nth-child(even) {
        margin-bottom: 85px;
        float: right;
    }
    .news-b1 .news-b2:nth-child(2) {
        margin-top: 294px;
    }
    .news-b1a {
        width: 100%;
        font-size: 22px;
        line-height: 32px;
        margin-top: 34px;
        font-weight: bold;
    }
    .news-b1b {
        width: max-content;
        color: #9e9485;
        margin-top: 30px;
    }
    .news-b1b div:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
        float: left;
    }
    .news-b1b div:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .news-b1b span {
        display: none;
    }
    .news-b1i img {
        min-width: 100%;
        transition: 0.5s;
    }
    .news-b1i:hover img {
        transform: scale(1);
        transition: 0.5s;
    }
    .news-b1 .au-a3-form {
        display: flex;
        align-items: flex-start;
        right: auto;
    }
    .t-objects-a3 {
        font-size: 100px;
        line-height: 100px;
        color: #222222;
        font-style: normal;
    }
    .t-objects-a4 {
        font-size: 30px;
        line-height: 30px;
        color: #be9855;
        font-style: normal;
        margin-top: 15px;
    }
    .ns-a {
        width: 1560px;
        margin: 0 auto;
        padding-top: 158px;
        position: relative;
    }
    .ns-a1 {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .ns-a1a {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .ns-a1a>div:nth-child(1) {
        width: 20px;
        height: 26px;
        margin-right: 17px;
    }
    .ns-a1a>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #656464;
    }
    .ns-a1b {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #656464;
        margin-right: 10px;
    }
    .ns-a1b>div:nth-child(1) {
        margin-right: 10px;
    }
    .ns-a1b:hover>div:nth-child(1) {
        color: #8d7752;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a1>div:last-child>div:nth-child(2) {
        display: none;
    }
    .ns-a2 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 38px;
        line-height: 60px;
        font-weight: bold;
        text-align: center;
        margin-top: 58px;
    }
    .ns-a3 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ns-a3>.ns-a31 {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
    .ns-a3>.ns-a32 {
        font-family: 'Rubik';
    }
    .ns-a3>.ns-a32>div:nth-child(1) {
        float: left;
        font-size: 28px;
        line-height: 28px;
        color: #5d5d5d;
        margin-right: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(2) {
        float: left;
        font-size: 20px;
        line-height: 20px;
        color: #5d5d5d;
        padding-top: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(3) {
        display: none;
    }
    .ns-a33 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 16px;
        line-height: 36px;
        color: #484848;
        margin-top: 40px;
    }

    .ns-a33 img {
        max-width: 800px;
        margin: 0 auto;
    }
    .ns-a33 iframe {
        width: 800px;
        height: 500px;
    }
    .ns-a4 {
        margin: 90px 0;
    }
    .ns-a41 {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .ns-a41>div:nth-child(1) {
        width: 20px;
        height: 26px;
        position: relative;
    }
    .ns-a41>div:nth-child(1)>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        margin-left: 10px;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #cc974b;
        margin-left: 10px;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a5 {
        position: fixed;
        right: 65px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border: 1px solid #bca57e;
        border-radius: 50%;
    }
    .ns-a5>img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 16px;
        height: 10px;
    }
    .ns-a6 {
        position: absolute;
        top: 400px;
        right: calc(50% - 1560px/2);
    }
    .ns-a61 {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        font-weight: bold;
        text-align: center;
    }
    .ns-a62 {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #a4a4a4;
        position: relative;
        margin-top: 16px;
        transition: 0.5s;
    }
    .ns-a62>img {
        height: 18px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .ns-a62>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62>div {
        position: absolute;
        right: calc(100% + 12px);
        top: calc(50% - 97px/2);
        width: 97px;
        height: 97px;
        transform: scale(0);
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62:hover {
        border: 1px solid #c6b291;
        transition: 0.5s;
    }
    .ns-a62:hover>div {
        transform: scale(1);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    html,
    body {
        width: 100%;
        height: 100%;
    }
    .news-a {
        width: 100%;
        height: 100%;
        background: url(../t_img/t03.jpg) no-repeat;
        position: relative;
        background-size: cover;
    }
    .news-all {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news-a2 {
        width: 1360px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .news-a3 {
        float: left;
        position: relative;
        padding-left: 45px;
    }
    .news-a3>img {
        width: calc(1360px*405/1540);
    }
    .news-a4 {
        width: calc(100%*610/1540);
        margin-top: 200px;
    }
    .news-a4a {
        height: calc(100%*102/1540);
        margin-left: calc(100%*-115/1540);
    }
    .news-a4b {
        font-size: 38px;
        line-height: 38px;
        font-weight: bold;
    }
    .news-a5 {
        width: 14px;
        position: absolute;
        bottom: 0;
        left: calc(50% - 1360px/2);
    }
    .news-a5 div:nth-child(1) {
        width: 14px;
        font-size: 14px;
        color: #cc974b;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .news-a5 div:nth-child(2) {
        width: 1.5px;
        margin: 0 auto;
        transition: 0.5s;
        animation: scroll1 3s linear infinite;
    }
    .news-a6 {
        width: max-content;
        margin-top: 60px;
    }
    .news-a61 {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .news-a61 div:nth-child(1) {
        width: 36px;
        height: 4px;
        float: left;
    }
    .news-a61 div:nth-child(1) img {
        width: 20px;
        margin: 0 auto;
        transition: 0.5s;
    }
    .news-a61 div:nth-child(2) {
        font-size: 20px;
        color: #454545;
        float: left;
        transition: 0.5s;
        margin-left: 25px;
    }
    .news-a61.on1 div:nth-child(2) {
        font-size: 24px;
        color: #cc974b;
        font-weight: bold;
    }
    .news-a61.on1 div:nth-child(1) img {
        width: 36px;
        transition: 0.5s;
    }
    .news-b1 {
        width: calc(100% - (100%*610/1540) - 20px);
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        float: left;
        margin-left: 110px;
    }
    .news-b1::-webkit-scrollbar {
        display: none;
    }
    .news-b2 {
        width: calc((100% - 100px)/2);
        min-height: 350px;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(odd) {
        margin-top: 55px;
        float: left;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(even) {
        margin-bottom: 55px;
        float: right;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(2) {
        margin-top: 284px;
        transition: 0.5s;
    }
    .news-b1a {
        width: 100%;
        font-size: 18px;
        line-height: 28px;
        margin-top: 25px;
        font-weight: bold;
    }
    .news-b1b {
        width: max-content;
        color: #9e9485;
        margin-top: 25px;
    }
    .news-b1b div:nth-child(1) {
        font-size: 22px;
        line-height: 22px;
        float: left;
    }
    .news-b1b div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .news-b1b span {
        display: none;
    }
    .news-b1i img {
        min-width: 100%;
        transition: 0.5s;
    }
    .news-b1i:hover img {
        transform: scale(1);
        transition: 0.5s;
    }
    .news-b1 .au-a3-form {
        display: flex;
        align-items: flex-start;
        right: auto;
    }
    .t-objects-a3 {
        font-size: 100px;
        line-height: 100px;
        color: #222222;
        font-style: normal;
    }
    .t-objects-a4 {
        font-size: 30px;
        line-height: 30px;
        color: #be9855;
        font-style: normal;
        margin-top: 15px;
    }
    .ns-a {
        width: 1360px;
        margin: 0 auto;
        padding-top: 158px;
        position: relative;
    }
    .ns-a1 {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .ns-a1a {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .ns-a1a>div:nth-child(1) {
        width: 20px;
        height: 26px;
        margin-right: 17px;
    }
    .ns-a1a>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #656464;
    }
    .ns-a1b {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #656464;
        margin-right: 10px;
    }
    .ns-a1b>div:nth-child(1) {
        margin-right: 10px;
    }
    .ns-a1b:hover>div:nth-child(1) {
        color: #8d7752;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a1>div:last-child>div:nth-child(2) {
        display: none;
    }
    .ns-a2 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: calc(1360px*38/1560);
        line-height: calc(1360px*38/1560);
        font-weight: bold;
        text-align: center;
        margin-top: calc(1360px*58/1560);
    }
    .ns-a3 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ns-a3>.ns-a31 {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
    .ns-a3>.ns-a32 {
        font-family: 'Rubik';
    }
    .ns-a3>.ns-a32>div:nth-child(1) {
        float: left;
        font-size: 28px;
        line-height: 28px;
        color: #5d5d5d;
        margin-right: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(2) {
        float: left;
        font-size: 20px;
        line-height: 20px;
        color: #5d5d5d;
        padding-top: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(3) {
        display: none;
    }
    .ns-a33 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 16px;
        line-height: 36px;
        color: #484848;
        margin-top: 40px;
    }

    .ns-a33 img {
        /* width: calc(1360px*555/1560) !important; */
        max-width: 800px !important;
        margin: 0 auto;
    }
    .ns-a33 iframe {
        width: 800px;
        height: 500px;
    }
    .ns-a4 {
        margin: 90px 0;
    }
    .ns-a41 {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .ns-a41>div:nth-child(1) {
        width: 20px;
        height: 26px;
        position: relative;
    }
    .ns-a41>div:nth-child(1)>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        margin-left: 10px;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #cc974b;
        margin-left: 10px;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a5 {
        position: fixed;
        right: 65px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border: 1px solid #bca57e;
        border-radius: 50%;
    }
    .ns-a5>img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 16px;
        height: 10px;
    }
    .ns-a6 {
        position: absolute;
        top: 400px;
        right: calc(50% - 1360px/2);
    }
    .ns-a61 {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        font-weight: bold;
        text-align: center;
    }
    .ns-a62 {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #a4a4a4;
        position: relative;
        margin-top: 16px;
        transition: 0.5s;
    }
    .ns-a62>img {
        height: 18px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .ns-a62>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62>div {
        position: absolute;
        right: calc(100% + 12px);
        top: calc(50% - 97px/2);
        width: 97px;
        height: 97px;
        transform: scale(0);
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62:hover {
        border: 1px solid #c6b291;
        transition: 0.5s;
    }
    .ns-a62:hover>div {
        transform: scale(1);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    html,
    body {
        width: 100%;
        height: 100%;
    }
    .news-a {
        width: 100%;
        height: 100%;
        background: url(../t_img/t03.jpg) no-repeat;
        position: relative;
        background-size: cover;
    }
    .news-all {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news-a2 {
        width: 960px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .news-a3 {
        float: left;
        position: relative;
        padding-left: 45px;
    }
    .news-a3>img {
        width: calc(960px*405/1540);
    }
    .news-a4 {
        width: calc(100%*610/1540);
        margin-top: 200px;
    }
    .news-a4a {
        height: calc(100%*102/1540);
        margin-left: calc(100%*-115/1540);
    }
    .news-a4b {
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
    }
    .news-a5 {
        width: 14px;
        position: absolute;
        bottom: 0;
        left: calc(50% - 960px/2);
    }
    .news-a5 div:nth-child(1) {
        width: 12px;
        font-size: 12px;
        color: #cc974b;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .news-a5 div:nth-child(2) {
        width: 1px;
        margin: 0 auto;
        transition: 0.5s;
        animation: scroll1 3s linear infinite;
    }
    .news-a6 {
        width: max-content;
        margin-top: 60px;
    }
    .news-a61 {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .news-a61 div:nth-child(1) {
        width: 24px;
        height: 3px;
        float: left;
    }
    .news-a61 div:nth-child(1) img {
        width: 12px;
        margin: 0 auto;
        transition: 0.5s;
    }
    .news-a61 div:nth-child(2) {
        font-size: 14px;
        color: #454545;
        float: left;
        transition: 0.5s;
        margin-left: 25px;
    }
    .news-a61.on1 div:nth-child(2) {
        font-size: 18px;
        color: #cc974b;
        font-weight: bold;
    }
    .news-a61.on1 div:nth-child(1) img {
        width: 24px;
        transition: 0.5s;
    }
    .news-b1 {
        width: calc(100% - (100%*610/1540) - 20px);
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        float: left;
        margin-left: calc(960px*110/1540);
    }
    .news-b1::-webkit-scrollbar {
        display: none;
    }
    .news-b2 {
        width: calc((100% - 100px)/2);
        min-height: 300px;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(odd) {
        margin-top: 55px;
        float: left;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(even) {
        margin-bottom: 55px;
        float: right;
        transition: 0.5s;
    }
    .news-b1 .news-b2:nth-child(2) {
        margin-top: 284px;
        transition: 0.5s;
    }
    .news-b1a {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
        font-weight: bold;
    }
    .news-b1b {
        width: max-content;
        color: #9e9485;
        margin-top: 20px;
    }
    .news-b1b div:nth-child(1) {
        font-size: 20px;
        line-height: 20px;
        float: left;
    }
    .news-b1b div:nth-child(2) {
        font-size: 14px;
        line-height: 14px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .news-b1b span {
        display: none;
    }
    .news-b1 .au-a3-form {
        display: flex;
        align-items: flex-start;
        right: auto;
        top: auto;
        left: auto;
        position: relative;
        transform: translate(0);
    }
    .t-objects-a3 {
        font-size: 100px;
        line-height: 100px;
        color: #222222;
        font-style: normal;
    }
    .t-objects-a4 {
        font-size: 30px;
        line-height: 30px;
        color: #be9855;
        font-style: normal;
        margin-top: 15px;
    }
    .ns-a {
        width: 960px;
        margin: 0 auto;
        padding-top: 158px;
        position: relative;
    }
    .ns-a1 {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .ns-a1a {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .ns-a1a>div:nth-child(1) {
        width: 20px;
        height: 26px;
        margin-right: 17px;
    }
    .ns-a1a>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #656464;
    }
    .ns-a1b {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #656464;
        margin-right: 10px;
    }
    .ns-a1b>div:nth-child(1) {
        margin-right: 10px;
    }
    .ns-a1b:hover>div:nth-child(1) {
        color: #8d7752;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a1>div:last-child>div:nth-child(2) {
        display: none;
    }
    .ns-a2 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: calc(960px*38/1560);
        line-height: calc(960px*38/1560);
        font-weight: bold;
        text-align: center;
        margin-top: calc(960px*58/1560);
    }
    .ns-a3 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ns-a3>.ns-a31 {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
    .ns-a3>.ns-a32 {
        font-family: 'Rubik';
    }
    .ns-a3>.ns-a32>div:nth-child(1) {
        float: left;
        font-size: 28px;
        line-height: 28px;
        color: #5d5d5d;
        margin-right: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(2) {
        float: left;
        font-size: 20px;
        line-height: 20px;
        color: #5d5d5d;
        padding-top: 5px;
    }
    .ns-a3>.ns-a32>div:nth-child(3) {
        display: none;
    }
    .ns-a33 {
        width: calc(100%*1260/1920);
        margin: 0 auto;
        font-size: 16px;
        line-height: 36px;
        color: #484848;
        margin-top: 40px;
    }

    .ns-a33 img {
        width: calc(960px*555/1560) !important;
        margin: 0 auto;
    }
    .ns-a33 iframe {
        width: 500px;
        height: 300px;
    }
    .ns-a4 {
        margin: 90px 0;
    }
    .ns-a41 {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .ns-a41>div:nth-child(1) {
        width: 20px;
        height: 26px;
        position: relative;
    }
    .ns-a41>div:nth-child(1)>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a41>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        margin-left: 10px;
        transition: 0.5s;
    }
    .ns-a41:hover>div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        color: #cc974b;
        margin-left: 10px;
        text-decoration: underline;
        transition: 0.5s;
    }
    .ns-a5 {
        position: fixed;
        right: 65px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border: 1px solid #bca57e;
        border-radius: 50%;
    }
    .ns-a5>img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 16px;
        height: 10px;
    }
    .ns-a6 {
        position: absolute;
        top: 400px;
        right: calc(50% - 960px/2);
    }
    .ns-a61 {
        font-size: 16px;
        line-height: 16px;
        color: #bca57e;
        font-weight: bold;
        text-align: center;
    }
    .ns-a62 {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #a4a4a4;
        position: relative;
        margin-top: 16px;
        transition: 0.5s;
    }
    .ns-a62>img {
        height: 18px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .ns-a62>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62>div {
        position: absolute;
        right: calc(100% + 12px);
        top: calc(50% - 97px/2);
        width: 97px;
        height: 97px;
        transform: scale(0);
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .ns-a62:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ns-a62:hover {
        border: 1px solid #c6b291;
        transition: 0.5s;
    }
    .ns-a62:hover>div {
        transform: scale(1);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1023px) {
    .news-a {
        width: 100%;
        background: url(../t_img/t51.jpg) repeat;
    }
    .news-all {
        width: 100%;
    }
    .news-a2 {
        width: calc(100% - 0.4rem*2);
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .news-a3 {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .news-a4 {
        width: 100%;
        margin-top: 1.55rem;
    }
    .news-a4a {
        width: 100%;
        height: 0.95rem;
    }
    .news-a4a img {
        width: 100% !important;
        height: 100%;
    }
    .news-a4b {
        font-size: 0.5rem;
        line-height: 0.5rem;
        font-weight: bold;
    }
    .news-a5 {
        display: none;
    }
    .news-a6 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 0.6rem;
        margin-top: 0.6rem;
    }
    .news-a61 {
        display: flex;
        align-items: center;
    }
    .news-a61 div:nth-child(1) {
        width: 0.36rem;
        height: 0.04rem;
        float: left;
    }
    .news-a61 div:nth-child(1) img {
        width: 0.2rem;
        margin: 0 auto;
        transition: 0.5s;
    }
    .news-a61 div:nth-child(2) {
        font-size: 0.26rem;
        color: #454545;
        float: left;
        transition: 0.5s;
        margin-left: 0.25rem;
    }
    .news-a61.on1 div:nth-child(2) {
        font-size: 0.26rem;
        color: #cc974b;
        font-weight: bold;
    }
    .news-a61.on1 div:nth-child(1) img {
        width: 0.36rem;
        transition: 0.5s;
    }
    .news-b1 {
        width: 100%;
    }
    .news-b2 {
        width: 100%;
        margin-bottom: 0.6rem;
    }
    .news-b1i {
        width: 100% !important;
        max-width: 100%;
    }
    .news-b1a {
        width: 100%;
        font-size: 0.36rem;
        line-height: 0.56rem;
        margin-top: 0.5rem;
        font-weight: bold;
    }
    .news-b1b {
        /* width: max-content; */
        color: #9e9485;
       
    }
    .news-b1b div:nth-child(1) {
        font-size: 0.28rem;
        line-height: 0.4rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0.2rem 0;
        /* float: left; */
    }
    .news-b1b div:nth-child(2) {
        font-size: 0.3rem;
        line-height: 0.3rem;
        /* float: left; */
        margin-left: 0.1rem;
        margin-top: 0.1rem;
    }
    /* .news-b1b span {
        display: none;
    } */
}


/* 新闻详情 */

@media only screen and (min-width: 1921px) {
    .nxq-a {
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        margin-top: 145px;
    }
    .nxq-b {
        width: calc(100% - 60px);
        font-size: 16px;
        line-height: 30px;
        color: #484848;
        margin-top: 50px;
    }
    .nxq-b p span {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        color: #484848;
    }
    .nxq-b img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .nxq-b iframe{
        width: 100%;
        height: 4rem;
    }
    .nxq-b p img {
        width: auto;
        height: auto;
    }
    .nxq-b1b {
        width: max-content;
        margin-top: 30px;
    }
    .nxq-b1b div:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
        float: left;
    }
    .nxq-b1b div:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .nxq-b1b span {
        display: none;
    }
    .nxq-a5 {
        width: 26px;
        font-size: 14px;
        color: #cc974b;
        text-align: center;
        position: absolute;
        right: calc(50% - 1560px/2);
        bottom: 60px;
        cursor: pointer;
    }
    .nxq-a5 div:nth-child(1) {
        width: 26px;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .nxq-a5 div:nth-child(2) {
        width: 14px;
        margin: 0 auto;
    }
    .ydnxq-a5 {
        display: none;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .nxq-a {
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        margin-top: 145px;
    }
    .nxq-b {
        width: calc(100% - 60px);
        font-size: 16px;
        line-height: 30px;
        color: #484848;
        margin-top: 50px;
    }
    .nxq-b p span {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        color: #484848;
    }
    .nxq-b img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .nxq-b p img {
        width: auto;
        height: auto;
    }
    .nxq-b1b {
        width: max-content;
        margin-top: 30px;
    }
    .nxq-b1b div:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
        float: left;
    }
    .nxq-b1b div:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .nxq-b1b span {
        display: none;
    }
    .nxq-a5 {
        width: 26px;
        font-size: 14px;
        color: #cc974b;
        text-align: center;
        position: absolute;
        right: calc(50% - 1560px/2);
        bottom: 60px;
        cursor: pointer;
    }
    .nxq-a5 div:nth-child(1) {
        width: 26px;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .nxq-a5 div:nth-child(2) {
        width: 14px;
        margin: 0 auto;
    }
    .ydnxq-a5 {
        display: none;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .nxq-a {
        width: 100%;
        font-size: 34px;
        font-weight: bold;
        margin-top: 125px;
    }
    .nxq-b {
        width: calc(100% - 50px);
        font-size: 14px;
        line-height: 28px;
        color: #484848;
        margin-top: 40px;
    }
    .nxq-b p span {
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        color: #484848;
    }
    .nxq-b img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .nxq-b p img {
        width: auto;
        height: auto;
    }
    .nxq-b1b {
        width: max-content;
        margin-top: 25px;
    }
    .nxq-b1b div:nth-child(1) {
        font-size: 22px;
        line-height: 22px;
        float: left;
    }
    .nxq-b1b div:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .nxq-b1b span {
        display: none;
    }
    .nxq-a5 {
        width: 26px;
        font-size: 14px;
        color: #cc974b;
        text-align: center;
        position: absolute;
        right: calc(50% - 1360px/2);
        bottom: 50px;
        cursor: pointer;
    }
    .nxq-a5 div:nth-child(1) {
        width: 26px;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .nxq-a5 div:nth-child(2) {
        width: 14px;
        margin: 0 auto;
    }
    .ydnxq-a5 {
        display: none;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .nxq-a {
        width: 100%;
        font-size: 32px;
        font-weight: bold;
        margin-top: 105px;
    }
    .nxq-b {
        width: calc(100% - 50px);
        font-size: 14px;
        line-height: 28px;
        color: #484848;
        margin-top: 40px;
    }
    .nxq-b p span {
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        color: #484848;
    }
    .nxq-b img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .nxq-b p img {
        width: auto;
        height: auto;
    }
    .nxq-b1b {
        width: max-content;
        margin-top: 20px;
    }
    .nxq-b1b div:nth-child(1) {
        font-size: 20px;
        line-height: 20px;
        float: left;
    }
    .nxq-b1b div:nth-child(2) {
        font-size: 14px;
        line-height: 14px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }
    .nxq-b1b span {
        display: none;
    }
    .nxq-a5 {
        width: 26px;
        font-size: 14px;
        color: #cc974b;
        text-align: center;
        position: absolute;
        right: calc(50% - 960px/2);
        bottom: 40px;
        cursor: pointer;
    }
    .nxq-a5 div:nth-child(1) {
        width: 26px;
        animation: scroll1 3s linear infinite;
    }
    @keyframes scroll1 {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .nxq-a5 div:nth-child(2) {
        width: 14px;
        margin: 0 auto;
    }
    .ydnxq-a5 {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .nxq-a {
        width: 100%;
        font-size: 0.4rem;
        font-weight: bold;
        line-height: 0.52rem;
        text-align: justify;
    }
    .nxq-b {
        width: 100%;
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #484848;
        margin-top: 0.4rem;
    }
    .nxq-b p span {
        width: 100%;
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #484848;
    }
    .nxq-b img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .nxq-b p img {
        width: auto;
        height: auto;
    }
    .nxq-b1b {
        width: max-content;
        margin-top: 0.4rem;
    }
    .nxq-b1b div:nth-child(1) {
        font-size: 0.36rem;
        line-height: 0.36rem;
        float: left;
    }
    .nxq-b1b div:nth-child(2) {
        font-size: 0.26rem;
        line-height: 0.26rem;
        float: left;
        margin-left: 0.1rem;
        margin-top: 0.08rem;
    }
    .nxq-b1b span {
        display: none;
    }
    .nxq-a5 {
        display: none;
    }
    .news-a5 {
        display: none;
    }
    .ydnxq-a5 {
        width: 100%;
        margin-top: 0.6rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .ydnxq-a53 {
        width: 0.46rem;
        height: 0.46rem;
        position: absolute;
        top: calc(0.28rem/2 - 0.46rem/2);
        left: calc(50% - 0.46rem/2);
    }
    .ydnxq-a51 {
        width: max-content;
        line-height: 0.26rem;
        font-size: 0.26rem;
        color: #cc964a;
        display: flex;
        align-items: center;
        float: left;
        font-weight: bold;
    }
    .ydnxq-a51 div:nth-child(2),
    .ydnxq-a52 div:nth-child(2) {
        margin-left: 0.15rem;
    }
    .ydnxq-a52 {
        width: max-content;
        line-height: 0.26rem;
        font-size: 0.26rem;
        font-weight: bold;
        color: #cc964a;
        display: flex;
        align-items: center;
        float: right;
    }
}


/* 酒店管理 */

@media only screen and (min-width: 1921px) {
    .mag-t {
        width: 100%;
        position: relative;
        background: url(../t_img/t03.jpg);
        padding-bottom: 100px;
    }
    .mag-t1 {
        width: 100%;
    }
    .mag-t1 img:nth-child(2) {
        display: none;
    }
    .mag-a1 {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 100px;
        background: url(../t_img/t03.jpg);
        margin-top: -50px;
    }
    .mag-a1a {
        width: 100%;
    }
    .mag-a1a img {
        max-width: 100%;
        margin: 0 auto;
        transition: 0.5s;
    }
    .mag-a1a img:nth-child(2) {
        display: none;
    }
    .mag-a1a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a1b,
    .mag-a1b p {
        font-size: 16px !important;
        line-height: 36px;
        color: #454545;
        text-align: center;
        white-space: pre-wrap;
        margin: 0 auto;
        margin-top: 50px;
        max-width: 1310px;
    }
    .mag-title {
        width: 100%;
        background: url(../t_img/t03.jpg);
        padding-bottom: 60px;
    }
    .mag-title1 {
        width: 100%;
        font-size: 120px;
        line-height: 120px;
        text-align: center;
        color: #f2ede5;
        font-family: 'bigcaslon';
        transition: 0.5s;
    }
    .mag-title2 {
        font-size: 48px;
        color: #37260d;
        font-weight: bold;
        text-align: center;
        margin-top: -30px;
        line-height: 48px;
        transition: 0.5s;
    }
    .mag-a2 {
        width: 100%;
        padding-bottom: 90px;
        overflow: hidden;
    }
    .mag-a2a {
        width: 100%;
    }
    .mag-a2a img:nth-child(2) {
        display: none;
    }
    .mag-a2b {
        width: 100%;
        background: #f0ece7;
        padding-bottom: calc(1920px*520/1920);
        position: relative;
    }
    .mag-a2b1 {
        position: absolute;
        left: calc(50% - 1560px/2);
        top: 0;
    }
    .mag-a2b1 div:nth-child(1) {
        color: #cc974b;
        font-size: 40px;
        font-weight: bold;
        margin-top: 120px;
    }
    .mag-a2b1 div:nth-child(2) {
        color: #3b3b3b;
        font-size: 26px;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag-a2b1 div:nth-child(3) {
        font-weight: lighter;
        font-size: 30px;
        margin-top: 40px;
    }
    .mag-a2b3 {
        width: 175px;
        position: absolute;
        top: calc(100%*315/520);
        left: calc(50% - 1560px*320/1560);
    }
    .mag-a2b3:hover img {
        animation: rotate 1s;
    }
    .mag-a2b2 {
        width: calc(388px*3 + 30px *2);
        position: absolute;
        left: calc(50% - 55px);
        top: 90px;
    }
    .mag-swi1 {
        width: calc(388px*3 + 30px *2);
    }
    .mag-swi1-prev {
        background: url(../t_img/t17.png) no-repeat !important;
        background-size: 100% 100% !important;
        width: 41px;
        height: 52px;
        position: absolute;
        bottom: calc(90px/2 - 52px/2);
        left: calc(1560px*-95/1560);
        left: calc(1560px*-95/1560);
        border: none !important;
    }
    .mag-a2b2i img {
        min-height: 100%;
        transition: 0.5s;
    }
    .mag-a2b2i:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a3 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a31 {
        width: 1560px;
        margin: 0 auto;
        position: relative;
    }
    .mag-a32 {
        width: 100%;
    }
    .mag-a32 img {
        width: 100%;
        animation: zxc 8s linear infinite;
    }
    @keyframes zxc {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .mag-a32 img:nth-child(2) {
        display: none;
    }
    .mag-a32 img:nth-child(1) {
        min-width: 100%;
        transition: 0.5s;
    }
    .mag-a33 {
        width: calc(100%*832/1560);
        position: absolute;
        padding-bottom: 45px;
        top: calc(50% - (100%*490/770)/2);
        left: calc(50% - (100%*832/1560)/2);
        background: rgba(204, 151, 75, 0.8);
        overflow: hidden;
    }
    .mag-a34 {
        font-size: 120px;
        line-height: 120px;
        color: rgba(244, 232, 214, 0.3);
        text-align: center;
        font-family: 'bigcaslon';
        margin-top: 70px;
    }
    .mag-a35 {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        margin-top: -40px;
        text-align: center;
        line-height: 48px;
    }
    .mag-a36 {
        font-size: 34px;
        color: #fff;
        font-weight: bold;
        margin-top: 30px;
        text-align: center;
        line-height: 34px;
    }
    .mag-a37 {
        font-size: 24px;
        color: #f8f6f2;
        text-align: center;
        margin-top: 30px;
        line-height: 24px;
    }
    .mag-a38 {
        width: 177px;
        height: 112px;
        margin: 0 auto;
        margin-top: 35px;
    }
    .mag-a4 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-titles {
        width: 100%;
        padding-bottom: 60px;
    }
    .mag-a41 {
        width: 100%;
    }
    .mag-a41 {
        width: 1560px;
        margin: 0 auto;
    }
    .mag-a43 {
        width: calc(100%*1007/1560);
        float: left;
    }
    .mag-a43 img {
        width: 100%;
        transition: 0.5s;
    }
    .mag-a43:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a44 {
        width: calc(100% - (100%*1007/1560) - 100px);
        float: right;
        padding-top: 160px;
    }
    .mag-a44 div:nth-child(1) {
        font-size: 42px;
        font-weight: bold;
        color: #cc974b;
        line-height: 42px;
    }
    .mag-a44 div:nth-child(2) {
        font-size: 26px;
        line-height: 26px;
        color: #3b3b3b;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag-a44 div:nth-child(3) {
        font-size: 20px;
        color: #3b3b3b;
        line-height: 48px;
        margin-top: 20px;
        white-space: pre-wrap;
    }
    .mag-a5 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a51 {
        width: 100%;
    }
    .mag-a51a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*580/1920);
    }
    .mag-a51b {
        width: 100%;
        position: relative;
        margin-top: 5px;
        padding-bottom: calc(100%*350/1920);
    }
    .mag5-swi1,
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mag51b {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .mag51b img:nth-child(1) {
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
    }
    .mag51b img:nth-child(2) {
        display: none;
    }
    .mag51c {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(90deg, rgba(204, 151, 75, 1), rgba(204, 151, 75, 1), rgba(0, 0, 0, 0));
        padding-left: calc(50% - 1560px/2);
        transform: scale(1);
        transition: 0.5s;
        z-index: 3;
    }
    .mag5-swi2 {
        width: 100% !important;
        height: 100 !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .mag5-swi2 .swiper-slide div>a>img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .mag5-swi2 .swiper-slide div:hover>a>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag51c div:nth-child(1) {
        width: 154px;
        margin-top: 60px;
    }
    .mag51c div:nth-child(2) {
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag51c div:nth-child(3) {
        font-size: 26px;
        line-height: 26px;
        color: #fff;
        margin-top: 35px;
    }
    .mag51c div:nth-child(4) {
        font-size: 30px;
        line-height: 30px;
        font-weight: lighter;
        color: #f0ece7;
        margin-top: 35px;
    }
    .mag5-swi2-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        position: absolute;
        background: rgba(0, 0, 0, 0);
        border-radius: 50%;
        left: auto;
        right: calc(50% - 1560px/2 + 61px + 20px);
        z-index: 5;
    }
    .mag5-swi2-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        border-radius: 50%;
        right: calc(50% - 1560px/2);
        z-index: 5;
    }
    .swiper-button-next {
        border: 1px solid #be9855;
        position: absolute;
        background: rgba(0, 0, 0, 0);
        border-radius: 50%;
    }
    .swiper-button-prev {
        border: 1px solid #be9855;
        position: absolute;
        background: rgba(0, 0, 0, 0);
        border-radius: 50%;
    }
    .swiper-button-prev>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .swiper-button-prev>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .swiper-button-prev>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .swiper-button-next>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .swiper-button-next>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .swiper-button-next>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .swiper-button-prev:hover {
        background: #be9855;
        border: none;
        transition: 0.5s;
    }
    .swiper-button-prev:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .swiper-button-prev:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .swiper-button-next:hover {
        background: #be9855;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .swiper-button-next:hover>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .swiper-button-next:hover>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .mag-t {
        width: 100%;
        position: relative;
        background: url(../t_img/t03.jpg);
        padding-bottom: 100px;
    }
    .mag-t1 {
        width: 100%;
    }
    .mag-t1 img:nth-child(2) {
        display: none;
    }
    .mag-a1 {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 100px;
        background: url(../t_img/t03.jpg);
        margin-top: -50px;
    }
    .mag-a1a {
        width: 100%;
    }
    .mag-a1a img {
        max-width: 100%;
        margin: 0 auto;
        transition: 0.5s;
    }
    .mag-a1a img:nth-child(2) {
        display: none;
    }
    .mag-a1a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a1b,
    .mag-a1b p {
        font-size: 16px !important;
        line-height: 36px;
        color: #454545;
        text-align: center;
        white-space: pre-wrap;
        margin: 0 auto;
        margin-top: 50px;
        max-width: 1310px;
    }
    .mag-title {
        width: 100%;
        background: url(../t_img/t03.jpg);
        padding-bottom: 60px;
    }
    .mag-title1 {
        width: 100%;
        font-size: 120px;
        line-height: 120px;
        text-align: center;
        transition: 0.5s;
        color: #f2ede5;
        font-family: 'bigcaslon';
    }
    .mag-title2 {
        font-size: 48px;
        color: #37260d;
        font-weight: bold;
        text-align: center;
        margin-top: -30px;
        line-height: 48px;
        transition: 0.5s;
    }
    .mag-a2 {
        width: 100%;
        padding-bottom: 90px;
        overflow: hidden;
    }
    .mag-a2a {
        width: 100%;
    }
    .mag-a2a img:nth-child(2) {
        display: none;
    }
    .mag-a2b {
        width: 100%;
        background: #f0ece7;
        padding-bottom: calc(1920px*520/1920);
        position: relative;
    }
    .mag-a2b1 {
        position: absolute;
        left: calc(50% - 1560px/2);
        top: 0;
    }
    .mag-a2b1 div:nth-child(1) {
        color: #cc974b;
        font-size: 40px;
        font-weight: bold;
        margin-top: 120px;
    }
    .mag-a2b1 div:nth-child(2) {
        color: #3b3b3b;
        font-size: 26px;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag-a2b1 div:nth-child(3) {
        font-weight: lighter;
        font-size: 30px;
        margin-top: 40px;
    }
    .mag-a2b3 {
        width: 175px;
        position: absolute;
        top: calc(100%*315/520);
        left: calc(50% - 1560px*320/1560);
    }
    .mag-a2b3:hover img {
        animation: rotate 1s;
    }
    .mag-a2b2 {
        width: calc(388px*3 + 30px *2);
        position: absolute;
        left: calc(50% - 55px);
        top: 90px;
    }
    .mag-swi1 {
        width: calc(388px*3 + 30px *2);
    }
    .mag-swi1-prev {
        background: url(../t_img/t17.png) no-repeat !important;
        background-size: 100% 100% !important;
        width: 41px;
        height: 52px;
        position: absolute;
        bottom: calc(90px/2 - 52px/2);
        left: calc(1560px*-95/1560);
        left: calc(1560px*-95/1560);
        border: none !important;
    }
    .mag-a2b2i img {
        min-height: 100%;
        transition: 0.5s;
    }
    .mag-a2b2i:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a3 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a31 {
        width: 1560px;
        margin: 0 auto;
        position: relative;
    }
    .mag-a32 {
        width: 100%;
    }
    .mag-a32 img:nth-child(2) {
        display: none;
    }
    .mag-a32 img:nth-child(1) {
        min-width: 100%;
    }
    .mag-a32 img {
        width: 100%;
        animation: zxc 8s linear infinite;
    }
    @keyframes zxc {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .mag-a33 {
        width: calc(100%*832/1560);
        position: absolute;
        padding-bottom: 45px;
        top: calc(50% - (100%*490/770)/2);
        left: calc(50% - (100%*832/1560)/2);
        background: rgba(204, 151, 75, 0.8);
        overflow: hidden;
    }
    .mag-a34 {
        font-size: 120px;
        line-height: 120px;
        color: rgba(244, 232, 214, 0.3);
        text-align: center;
        font-family: 'bigcaslon';
        margin-top: 70px;
    }
    .mag-a35 {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        margin-top: -40px;
        text-align: center;
        line-height: 48px;
    }
    .mag-a36 {
        font-size: 34px;
        color: #fff;
        font-weight: bold;
        margin-top: 30px;
        text-align: center;
        line-height: 34px;
    }
    .mag-a37 {
        font-size: 24px;
        color: #f8f6f2;
        text-align: center;
        margin-top: 30px;
        line-height: 24px;
    }
    .mag-a38 {
        width: 177px;
        height: 112px;
        margin: 0 auto;
        margin-top: 35px;
    }
    .mag-a4 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-titles {
        width: 100%;
        padding-bottom: 60px;
    }
    .mag-a41 {
        width: 100%;
    }
    .mag-a41 {
        width: 1560px;
        margin: 0 auto;
    }
    .mag-a43 {
        width: calc(100%*1007/1560);
        float: left;
    }
    .mag-a43 img {
        width: 100%;
        transition: 0.5s;
    }
    .mag-a43:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a44 {
        width: calc(100% - (100%*1007/1560) - 100px);
        float: right;
        padding-top: 160px;
    }
    .mag-a44 div:nth-child(1) {
        font-size: 42px;
        font-weight: bold;
        color: #cc974b;
        line-height: 42px;
    }
    .mag-a44 div:nth-child(2) {
        font-size: 26px;
        line-height: 26px;
        color: #3b3b3b;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag-a44 div:nth-child(3) {
        font-size: 20px;
        color: #3b3b3b;
        line-height: 48px;
        margin-top: 20px;
        white-space: pre-wrap;
    }
    .mag-a5 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a51 {
        width: 100%;
    }
    .mag-a51a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*580/1920);
    }
    .mag-a51b {
        width: 100%;
        position: relative;
        margin-top: 5px;
        padding-bottom: calc(100%*350/1920);
    }
    .mag5-swi1,
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mag51b {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .mag51b img:nth-child(1) {
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
    }
    .mag51b img:nth-child(2) {
        display: none;
    }
    .mag51c {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, rgba(204, 151, 75, 1), rgba(204, 151, 75, 1), rgba(0, 0, 0, 0));
        padding-left: calc(50% - 1560px/2);
        transition: 0.5s;
        z-index: 3;
    }
    .mag5-swi2 {
        width: 100% !important;
        height: 100 !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .mag5-swi2 .swiper-slide div>a>img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .mag5-swi2 .swiper-slide div:hover>a>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag51c div:nth-child(1) {
        width: 154px;
        margin-top: 60px;
    }
    .mag51c div:nth-child(2) {
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
        margin-top: 35px;
    }
    .mag51c div:nth-child(3) {
        font-size: 26px;
        line-height: 26px;
        color: #fff;
        margin-top: 35px;
    }
    .mag51c div:nth-child(4) {
        font-size: 30px;
        line-height: 30px;
        font-weight: lighter;
        color: #f0ece7;
        margin-top: 35px;
    }
    .mag5-swi2-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        background: url(../img/k2.png) no-repeat;
        ;
        background-size: 100% 100%;
        position: absolute;
        border-radius: 50%;
        left: auto;
        right: calc(50% - 1560px/2 + 61px + 20px);
        z-index: 5;
    }
    .mag5-swi2-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        border-radius: 50%;
        right: calc(50% - 1560px/2);
        z-index: 5;
    }
    .mag5-swi2-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mag5-swi2-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .mag-t {
        width: 100%;
        position: relative;
        background: url(../t_img/t03.jpg);
        padding-bottom: 100px;
    }
    .mag-t1 {
        width: 100%;
    }
    .mag-t1 img:nth-child(2) {
        display: none;
    }
    .mag-a1 {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 80px;
        background: url(../t_img/t03.jpg);
        margin-top: -50px;
    }
    .mag-a1a {
        width: 100%;
    }
    .mag-a1a img {
        max-width: 100%;
        margin: 0 auto;
        transition: 0.5s;
    }
    .mag-a1a img:nth-child(2) {
        display: none;
    }
    .mag-a1a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a1b,
    .mag-a1b p {
        font-size: 14px !important;
        line-height: 32px;
        color: #454545;
        text-align: center;
        white-space: pre-wrap;
        margin: 0 auto;
        margin-top: 50px;
        max-width: calc(1360px*1310/1560);
    }
    .mag-title {
        width: 100%;
        background: url(../t_img/t03.jpg);
        padding-bottom: 60px;
    }
    .mag-title1 {
        width: 100%;
        font-size: calc(1360px*120/1560);
        line-height: calc(1360px*120/1560);
        text-align: center;
        color: #f2ede5;
        font-family: 'bigcaslon';
        transition: 0.5s;
    }
    .mag-title2 {
        font-size: 44px;
        color: #37260d;
        font-weight: bold;
        text-align: center;
        margin-top: -20px;
        line-height: 44px;
        transition: 0.5s;
    }
    .mag-a2 {
        width: 100%;
        padding-bottom: 90px;
        overflow: hidden;
    }
    .mag-a2a {
        width: 100%;
    }
    .mag-a2a img:nth-child(2) {
        display: none;
    }
    .mag-a2b {
        width: 100%;
        background: #f0ece7;
        padding-bottom: calc(1600px*520/1920);
        position: relative;
    }
    .mag-a2b1 {
        position: absolute;
        left: calc(50% - 1360px/2);
        top: 0;
    }
    .mag-a2b1 div:nth-child(1) {
        color: #cc974b;
        font-size: 36px;
        font-weight: bold;
        margin-top: 100px;
    }
    .mag-a2b1 div:nth-child(2) {
        color: #3b3b3b;
        font-size: 24px;
        font-weight: bold;
        margin-top: 30px;
    }
    .mag-a2b1 div:nth-child(3) {
        font-weight: lighter;
        font-size: 28px;
        margin-top: 40px;
    }
    .mag-a2b3 {
        width: calc(1360px*175/1560);
        position: absolute;
        top: calc(100%*315/520);
        left: calc(50% - 1360px*320/1560);
    }
    .mag-a2b3:hover img {
        animation: rotate 1s;
    }
    .mag-a2b2 {
        width: calc(calc(1360px*388/1560)*3 + 30px *2);
        height: 100%;
        position: absolute;
        left: calc(50% - 55px);
        top: 90px;
    }
    .mag-swi1 {
        width: calc((1360px*388/1560)*3 + 30px *2);
        height: 100% !important;
    }
    .mag-swi1-prev {
        background: url(../t_img/t17.png) no-repeat !important;
        background-size: 100% 100% !important;
        width: 41px;
        height: 52px;
        position: absolute;
        bottom: calc(90px/2 - 52px/2);
        left: calc(1360px*-95/1560);
        border: none !important;
    }
    .mag-a2b2i img {
        min-height: 100%;
        transition: 0.5s;
    }
    .mag-a2b2i:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a3 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a31 {
        width: 1360px;
        margin: 0 auto;
        position: relative;
    }
    .mag-a32 {
        width: 100%;
    }
    .mag-a32 img:nth-child(2) {
        display: none;
    }
    .mag-a32 img:nth-child(1) {
        min-width: 100%;
        transition: 0.5s;
    }
    .mag-a32 img {
        width: 100%;
        animation: zxc 8s linear infinite;
    }
    @keyframes zxc {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .mag-a33 {
        width: calc(100%*832/1560);
        position: absolute;
        padding-bottom: 45px;
        top: calc(50% - (100%*490/770)/2);
        left: calc(50% - (100%*832/1560)/2);
        background: rgba(204, 151, 75, 0.8);
        overflow: hidden;
    }
    .mag-a34 {
        font-size: calc(1360px*120/1560);
        line-height: calc(1360px*120/1560);
        color: rgba(244, 232, 214, 0.3);
        text-align: center;
        font-family: 'bigcaslon';
        margin-top: 70px;
    }
    .mag-a35 {
        font-size: 44px;
        color: #fff;
        font-weight: bold;
        margin-top: -40px;
        text-align: center;
        line-height: 44px;
    }
    .mag-a36 {
        font-size: 30px;
        color: #fff;
        font-weight: bold;
        margin-top: 25px;
        text-align: center;
        line-height: 30px;
    }
    .mag-a37 {
        font-size: 20px;
        color: #f8f6f2;
        text-align: center;
        margin-top: 25px;
        line-height: 20px;
    }
    .mag-a38 {
        width: calc(1360px*177/1560);
        margin: 0 auto;
        margin-top: 30px;
    }
    .mag-a4 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-titles {
        width: 100%;
        padding-bottom: 60px;
    }
    .mag-a41 {
        width: 100%;
    }
    .mag-a41 {
        width: 1360px;
        margin: 0 auto;
    }
    .mag-a43 {
        width: calc(100%*1007/1560);
        float: left;
    }
    .mag-a43 img {
        width: 100%;
        transition: 0.5s;
    }
    .mag-a43:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a44 {
        width: calc(100% - (100%*1007/1560) - 80px);
        float: right;
        padding-top: 160px;
    }
    .mag-a44 div:nth-child(1) {
        font-size: 38px;
        font-weight: bold;
        color: #cc974b;
        line-height: 38px;
    }
    .mag-a44 div:nth-child(2) {
        font-size: 24px;
        line-height: 24px;
        color: #3b3b3b;
        font-weight: bold;
        margin-top: 30px;
    }
    .mag-a44 div:nth-child(3) {
        font-size: 18px;
        color: #3b3b3b;
        line-height: 40px;
        margin-top: 20px;
        white-space: pre-wrap;
    }
    .mag-a5 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a51 {
        width: 100%;
    }
    .mag-a51a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*580/1920);
    }
    .mag-a51b {
        width: 100%;
        position: relative;
        margin-top: 5px;
        padding-bottom: calc(100%*350/1920);
    }
    .mag5-swi1,
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mag51b {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    .mag51b img:nth-child(1) {
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
    }
    .mag51b img:nth-child(2) {
        display: none;
    }
    .mag51c {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, rgba(204, 151, 75, 1), rgba(204, 151, 75, 1), rgba(0, 0, 0, 0));
        padding-left: calc(50% - 1360px/2);
        transition: 0.5s;
    }
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .mag5-swi2 .swiper-slide div>a>img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .mag5-swi2 .swiper-slide div:hover>a>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag51c div:nth-child(1) {
        width: calc(1360px*154/1560);
        margin-top: 60px;
    }
    .mag51c div:nth-child(2) {
        font-size: 38px;
        line-height: 38px;
        color: #fff;
        font-weight: bold;
        margin-top: 30px;
    }
    .mag51c div:nth-child(3) {
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        margin-top: 30px;
    }
    .mag51c div:nth-child(4) {
        font-size: 26px;
        line-height: 26px;
        font-weight: lighter;
        color: #f0ece7;
        margin-top: 30px;
    }
    .mag5-swi2-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        background: url(../img/k2.png) no-repeat;
        ;
        background-size: 100% 100%;
        position: absolute;
        left: auto;
        right: calc(50% - 1360px/2 + 61px + 20px);
        z-index: 5;
    }
    .mag5-swi2-next {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #be9855;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: calc(50% - 1360px/2);
        z-index: 5;
    }
    .mag5-swi2-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mag5-swi2-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .mag-t {
        width: 100%;
        position: relative;
        background: url(../t_img/t03.jpg);
        padding-bottom: 100px;
    }
    .mag-t1 {
        width: 100%;
    }
    .mag-t1 img:nth-child(2) {
        display: none;
    }
    .mag-a1 {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 80px;
        background: url(../t_img/t03.jpg);
        margin-top: -50px;
    }
    .mag-a1a {
        width: 100%;
    }
    .mag-a1a img {
        max-width: 100%;
        margin: 0 auto;
        transition: 0.5s;
    }
    .mag-a1a img:nth-child(2) {
        display: none;
    }
    .mag-a1a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a1b,
    .mag-a1b p {
        font-size: 14px !important;
        line-height: 32px;
        color: #454545;
        text-align: center;
        white-space: pre-wrap;
        margin: 0 auto;
        margin-top: 50px;
        max-width: calc(960px*1310/1560);
    }
    .mag-title {
        width: 100%;
        background: url(../t_img/t03.jpg);
        padding-bottom: 60px;
    }
    .mag-title1 {
        width: 100%;
        font-size: calc(960px*120/1560);
        line-height: calc(960px*120/1560);
        text-align: center;
        color: #f2ede5;
        font-family: 'bigcaslon';
        transition: 0.5s;
    }
    .mag-title2 {
        font-size: 42px;
        color: #37260d;
        font-weight: bold;
        text-align: center;
        margin-top: -20px;
        line-height: 42px;
        transition: 0.5s;
    }
    .mag-a2 {
        width: 100%;
        padding-bottom: 90px;
        overflow: hidden;
    }
    .mag-a2a {
        width: 100%;
    }
    .mag-a2a img:nth-child(2) {
        display: none;
    }
    .mag-a2b {
        width: 100%;
        background: #f0ece7;
        padding-bottom: calc(1400px*520/1920);
        position: relative;
    }
    .mag-a2b1 {
        position: absolute;
        left: calc(50% - 960px/2);
        top: 0;
    }
    .mag-a2b1 div:nth-child(1) {
        color: #cc974b;
        font-size: 32px;
        font-weight: bold;
        margin-top: 100px;
    }
    .mag-a2b1 div:nth-child(2) {
        color: #3b3b3b;
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
    }
    .mag-a2b1 div:nth-child(3) {
        font-weight: lighter;
        font-size: 24px;
        margin-top: 30px;
    }
    .mag-a2b3 {
        width: calc(960px * 175/1540);
        position: absolute;
        top: calc(100%*315/520);
        left: calc(50% - 960px*320/1560);
    }
    .mag-a2b3:hover img {
        animation: rotate 1s;
    }
    .mag-a2b2 {
        width: calc((960px*388/1560)*3 + 30px *2);
        height: 100%;
        position: absolute;
        left: calc(50% - 55px);
        top: 90px;
    }
    .mag-swi1 {
        width: calc((960px*388/1560)*3 + 30px *2);
        height: 100% !important;
    }
    .mag-swi1-prev {
        background: url(../t_img/t17.png) no-repeat !important;
        background-size: 100% 100% !important;
        width: 41px;
        height: 52px;
        position: absolute;
        bottom: calc(90px/2 - 52px/2);
        left: calc(960px*-95/1560);
        border: none !important;
    }
    .mag-a2b2i {
        width: 100% !important;
        height: 100% !important;
    }
    .mag-a2b2i img {
        min-height: 100%;
        transition: 0.5s;
    }
    .mag-a2b2i:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a3 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a31 {
        width: 960px;
        margin: 0 auto;
        position: relative;
    }
    .mag-a32 {
        width: 100%;
    }
    .mag-a32 img:nth-child(2) {
        display: none;
    }
    .mag-a32 img:nth-child(1) {
        min-width: 100%;
        transition: 0.5s;
    }
    .mag-a32 img {
        width: 100%;
        animation: zxc 8s linear infinite;
    }
    @keyframes zxc {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .mag-a33 {
        width: calc(100%*832/1560);
        position: absolute;
        padding-bottom: 45px;
        top: calc(50% - (100%*490/770)/2);
        left: calc(50% - (100%*832/1560)/2);
        background: rgba(204, 151, 75, 0.8);
        overflow: hidden;
    }
    .mag-a34 {
        font-size: calc(960px*120/1560);
        line-height: calc(960px*120/1560);
        color: rgba(244, 232, 214, 0.3);
        ;
        text-align: center;
        font-family: 'bigcaslon';
        margin-top: 70px;
    }
    .mag-a35 {
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        margin-top: -40px;
        text-align: center;
        line-height: 36px;
    }
    .mag-a36 {
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
        line-height: 24px;
    }
    .mag-a37 {
        font-size: 16px;
        color: #f8f6f2;
        text-align: center;
        margin-top: 20px;
        line-height: 16px;
    }
    .mag-a38 {
        width: calc(960px*177/1540);
        margin: 0 auto;
        margin-top: 20px;
    }
    .mag-a4 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-titles {
        width: 100%;
        padding-bottom: 60px;
    }
    .mag-a41 {
        width: 100%;
    }
    .mag-a41 {
        width: 960px;
        margin: 0 auto;
    }
    .mag-a43 {
        width: calc(100%*1007/1560);
        float: left;
    }
    .mag-a43 img {
        width: 100%;
        transition: 0.5s;
    }
    .mag-a43:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a44 {
        width: calc(100% - (100%*1007/1560) - 40px);
        float: right;
        padding-top: 80px;
    }
    .mag-a44 div:nth-child(1) {
        font-size: 34px;
        font-weight: bold;
        color: #cc974b;
        line-height: 34px;
    }
    .mag-a44 div:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        color: #3b3b3b;
        font-weight: bold;
        margin-top: 20px;
    }
    .mag-a44 div:nth-child(3) {
        font-size: 14px;
        color: #3b3b3b;
        line-height: 36px;
        margin-top: 15px;
        white-space: pre-wrap;
    }
    .mag-a5 {
        width: 100%;
        margin-top: 100px;
    }
    .mag-a51 {
        width: 100%;
    }
    .mag-a51a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*580/1920);
    }
    .mag-a51b {
        width: 100%;
        position: relative;
        margin-top: 5px;
        padding-bottom: calc(100%*350/1920);
    }
    .mag5-swi1,
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mag51b {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    .mag51b img:nth-child(1) {
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
    }
    .mag51b img:nth-child(2) {
        display: none;
    }
    .mag51c {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, rgba(204, 151, 75, 1), rgba(204, 151, 75, 1), rgba(0, 0, 0, 0));
        padding-left: calc(50% - 960px/2);
        transition: 0.5s;
    }
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .mag5-swi2 .swiper-slide div>a>img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .mag5-swi2 .swiper-slide div:hover>a>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag51c div:nth-child(1) {
        width: calc(960px*154/1560);
        margin-top: 60px;
    }
    .mag51c div:nth-child(2) {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        font-weight: bold;
        margin-top: 20px;
    }
    .mag51c div:nth-child(3) {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        margin-top: 20px;
    }
    .mag51c div:nth-child(4) {
        font-size: 22px;
        line-height: 22px;
        font-weight: lighter;
        color: #f0ece7;
        margin-top: 20px;
    }
    .mag5-swi2-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        background: url(../img/k2.png) no-repeat;
        ;
        background-size: 100% 100%;
        position: absolute;
        border-radius: 50%;
        left: auto;
        right: calc(50% - 960px/2 + 61px + 20px);
        z-index: 5;
    }
    .mag5-swi2-next {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #be9855;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: calc(50% - 960px/2);
        z-index: 5;
    }
    .mag5-swi2-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mag5-swi2-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1023px) {
    .mag-t {
        width: 100%;
        position: relative;
        background: url(../t_img/t03.jpg);
        padding-bottom: 1rem;
    }
    .mag-t1 {
        width: 100%;
    }
    .mag-t1 img:nth-child(1) {
        display: none;
    }
    .mag-a1 {
        width: 100%;
        padding-top: 0.6rem;
        padding-bottom: 1rem;
        background: url(../t_img/t03.jpg);
        margin-top: -0.5rem;
    }
    .mag-a1a {
        width: 100%;
    }
    .mag-a1a img {
        max-width: calc(100% - 0.4rem*2);
        margin: 0 auto;
        transition: 0.5s;
    }
    .mag-a1a img:nth-child(1) {
        display: none;
    }
    .mag-a1a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mag-a1b {
        width: calc(100% - 0.8rem*2);
        margin: 0 auto;
        margin-top: 0.5rem;
        font-size: 0.26rem !important;
        line-height: 0.48rem;
        color: #454545;
        text-align: center;
    }
    .mag-a1b p {
        font-size: 0.26rem !important;
        line-height: 0.48rem;
        color: #454545;
        text-align: center;
        white-space: pre-wrap;
    }
    .mag-title {
        width: 100%;
        background: url(../t_img/t03.jpg);
        padding-bottom: 0.6rem;
    }
    .mag-title1 {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
        color: rgba(242, 237, 229, 0.5);
        font-family: 'bigcaslon';
        transition: 0.5s;
    }
    .mag-title2 {
        font-size: 0.52rem;
        color: #37260d;
        font-weight: bold;
        text-align: center;
        margin-top: -0.35rem;
        line-height: 48px;
        transition: 0.5s;
    }
    .mag-a2 {
        width: 100%;
        padding-bottom: 0.9rem;
        overflow: hidden;
    }
    .mag-a2a {
        width: 100%;
    }
    .mag-a2a img:nth-child(1) {
        display: none;
    }
    .mag-a2b {
        width: 100%;
        background: #f0ece7;
        position: relative;
        overflow: hidden;
        padding-bottom: 1rem;
    }
    .mag-a2b1 {
        width: 100%;
        padding-top: 0.6rem;
        padding-left: 0.4rem;
    }
    .mag-a2b1 div:nth-child(1) {
        color: #cc974b;
        font-size: 0.44rem;
        font-weight: bold;
    }
    .mag-a2b1 div:nth-child(2) {
        color: #3b3b3b;
        font-size: 0.32rem;
        font-weight: bold;
        margin-top: 0.3rem;
    }
    .mag-a2b1 div:nth-child(3) {
        font-weight: lighter;
        font-size: 0.36rem;
        margin-top: 0.4rem;
    }
    .mag-a2b3 {
        width: 1.75rem;
        position: absolute;
        top: 1.9rem;
        right: 0.4rem;
    }
    .mag-a2b2 {
        width: 100%;
        margin-top: 1rem;
        overflow: hidden;
    }
    .mag-swi1 {
        width: calc(4.9rem*3 + 0.3rem*2);
        margin-left: 0.4rem;
    }
    .mag-swi1-prev {
        display: none;
    }
    .mag-a2b2i img {
        min-height: 100%;
        transition: 0.5s;
    }
    .mag-a3 {
        width: calc(100% - 0.4rem*2);
        margin-top: 1rem;
        margin: 0 auto;
    }
    .mag-a31 {
        width: 100%;
        position: relative;
    }
    .mag-a32 {
        width: 100%;
    }
    .mag-a32 img:nth-child(1) {
        display: none;
    }
    .mag-a32 img:nth-child(2) {
        min-width: 100%;
        transition: 0.5s;
    }
    .mag-a32 img {
        width: 100%;
        animation: zxc 8s linear infinite;
    }
    @keyframes zxc {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .mag-a33 {
        width: calc(100% - 0.8rem*2);
        height: 6.8rem;
        position: absolute;
        top: calc(50% - 6.8rem/2);
        left: 0.8rem;
        background: rgba(204, 151, 75, 0.8);
        padding-top: 0.8rem;
    }
    .mag-a34 {
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: rgba(244, 232, 214, 0.3);
        text-align: center;
        font-family: 'bigcaslon';
        white-space: nowrap;
        margin-left: -0.5rem;
    }
    .mag-a35 {
        font-size: 0.52rem;
        color: #fff;
        font-weight: bold;
        margin-top: -0.4rem;
        text-align: center;
        line-height: 0.52rem;
    }
    .mag-a36 {
        font-size: 0.36rem;
        color: #fff;
        font-weight: bold;
        margin: 0 auto;
        margin-top: 30px;
        text-align: center;
        line-height: 0.36rem;
        white-space: pre-wrap;
        line-height: 0.48rem;
        max-width: calc(0.36rem*9);
    }
    .mag-a37 {
        font-size: 0.3rem;
        color: #f8f6f2;
        text-align: center;
        margin-top: 30px;
        line-height: 0.48rem;
        white-space: pre-wrap;
    }
    .mag-a38 {
        width: 2.26rem;
        height: 1.41rem;
        margin: 0 auto;
        margin-top: 0.54rem;
    }
    .mag-a4 {
        width: 100%;
        margin-top: 1rem;
    }
    .mag-titles {
        width: 100%;
        padding-bottom: 0.6rem;
    }
    .mag-a41 {
        width: 100%;
    }
    .mag-a41 {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
    }
    .mag-a43 {
        width: 100%;
    }
    .mag-a44 {
        width: 100%;
        padding-top: 0.6rem;
    }
    .mag-a44 div:nth-child(1) {
        font-size: 0.44rem;
        font-weight: bold;
        color: #cc974b;
        line-height: 0.44rem;
        text-align: center;
    }
    .mag-a44 div:nth-child(2) {
        font-size: 0.32rem;
        line-height: 0.32rem;
        color: #3b3b3b;
        font-weight: bold;
        margin-top: 0.35rem;
        text-align: center;
    }
    .mag-a44 div:nth-child(3) {
        font-size: 0.28rem;
        color: #3b3b3b;
        line-height: 0.54rem;
        margin: 0 auto;
        margin-top: 0.2rem;
        white-space: pre-wrap;
        text-align: center;
        max-width: calc(100% - 0.3rem*2);
        font-weight: lighter;
    }
    .mag-a5 {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 0.05rem;
    }
    .mag-a51 {
        width: 100%;
    }
    .mag-a51a {
        width: 100%;
        height: 5.8rem;
        position: relative;
    }
    .mag-a51b {
        width: 100%;
        height: 3.5rem;
        position: relative;
        margin-top: 5px;
    }
    .mag5-swi1,
    .mag5-swi2 {
        width: 100% !important;
        height: 100% !important;
    }
    .mag51b {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        display: table;
    }
    .mag51b img:nth-child(1) {
        display: none;
    }
    .mag51b img:nth-child(2) {
        width: 100% !important;
        height: 100% !important;
    }
    .mag51c2 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(90deg, rgba(204, 151, 75, 1), rgba(0, 0, 0, 0));
        padding-left: 0.4rem;
        transition: 0.5s;
        display: table;
    }
    .mag5-swi2 .swiper-slide div {
        width: 100% !important;
        height: 100% !important;
    }
    .mag5-swi2 .swiper-slide div>a>img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .mag51c {
        display: table-cell;
        vertical-align: middle;
    }
    .mag51c div:nth-child(1) {
        width: 154px;
        margin-top: 60px;
        display: none;
    }
    .mag51c div:nth-child(2) {
        font-size: 0.44rem;
        line-height: 0.44rem;
        color: #fff;
        font-weight: bold;
        margin-top: 0.35rem;
    }
    .mag51c div:nth-child(3) {
        font-size: 0.32rem;
        line-height: 0.32rem;
        color: #fff;
        margin-top: 0.35rem;
    }
    .mag51c div:nth-child(4) {
        font-size: 0.3rem;
        line-height: 0.48rem;
        font-weight: lighter;
        color: #f0ece7;
        margin-top: 0.35rem;
    }
    .mag5-swi2-prev {
        display: none;
    }
    .mag5-swi2-next {
        display: none;
    }
}


/* 百年马迭尔 */

@media only screen and (min-width: 1921px) {
    .int1-a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*925/1920);
    }
    .int1-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .int1-a1 video {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill;
    }
    .int3-a {
        background: #f8f6f2;
        padding-top: 100px;
        position: relative;
    }
    .int3-a .z-tit-a1,
    .int3-a .z-tit-a2 {
        text-align: center;
    }
    /*.int3-a{width: 100%;height: 0;position: relative;padding-bottom: calc(100%*925/1920);}*/
    .int3-a1 {
        width: calc(100%*605/1920);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: url(../t_img/t221.jpg) no-repeat;
        background-size: cover;
    }
    .int3-a2 {
        width: 100%;
        padding-top: 60px;
        margin-bottom: 80px;
    }
    .int3-a1a {
        width: calc(100%*818/1920);
        position: absolute;
        bottom: 0;
        left: calc(100%*95/1920);
        z-index: 2;
    }
    .int3-a2a {
        position: absolute;
        top: calc(100%*163/925);
        left: 75px;
    }
    .int3-a2a div:nth-child(1) {
        font-size: 120px;
        line-height: 120px;
        color: rgba(66, 48, 22, 0.06);
        font-family: 'bigcaslon';
    }
    .int3-a2a div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        font-weight: bold;
        color: #423016;
        margin-top: -50px;
    }
    .int3-a2b {
        width: 100%;
        height: 635px;
        position: relative;
    }
    .zh-ints-fr {
        position: absolute;
        right: 0;
        top: 0;
        width: 316px;
    }
    .int3-a2bi {
        width: 50%;
        height: 100%;
        float: left;
    }
    .int3-a2bi div {
        width: 100% !important;
        opacity: 0;
        transition: 0.5s;
        height: 100%;
    }
    .int3-a2bi div a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .int3-a2bi div.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2bt {
        width: 50%;
        float: left;
        padding-left: 110px;
        padding-right: 330px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .int3-a2bt div {
        font-size: 24px;
        line-height: 54px;
        color: #423016;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
    }
    .int3-a2bt div.on1 {
        transition: 0.5s;
    }
    .int3-a2c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        position: relative;
    }
    .int3-a2c div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #cc974b;
    }
    .int3-a2c div:nth-child(2) {
        font-size: 16px;
        color: #fff;
        position: relative;
    }
    .int3-a2c div:nth-child(3) {
        width: 22px;
        height: 28px;
        margin-left: 10px;
        position: relative;
    }
    .int3-a2c div:nth-child(3)>img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(1) {
        width: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(2) {
        color: #cc974b;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(1) {
        opacity: 0;
    }
    .zh-honor {
        width: 1560px;
        margin: 0 auto;
        padding-bottom: 95px;
    }
    .zh-honor-list {
        width: 368px;
        float: left;
        margin-right: 29px;
    }
    .zh-honor-list:hover .zh-honor-list-d1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .zh-honor-list .zh-honor-list-d1 img {
        transition: .5s;
    }
    .zh-honor-list:nth-child(4n) {
        margin-right: 0;
    }
    .zh-honor-list .zh-honor-list-d1 {
        width: 100%;
        height: 270px;
        background: #e6e6e6;
        padding: 30px 28px;
        margin-bottom: 20px;
    }
    .zh-honor-list .zh-honor-list-d2 {
        font-size: 18px;
        color: #333333;
        text-align: center;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .int1-a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*925/1920);
    }
    .int1-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .int1-a1 video {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill;
    }
    .int3-a {
        background: #f8f6f2;
        padding-top: 100px;
        position: relative;
    }
    .int3-a .z-tit-a1,
    .int3-a .z-tit-a2 {
        text-align: center;
    }
    /*.int3-a{width: 100%;height: 0;position: relative;padding-bottom: calc(100%*925/1920);}*/
    .int3-a1 {
        width: calc(100%*605/1920);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: url(../t_img/t221.jpg) no-repeat;
        background-size: cover;
    }
    .int3-a2 {
        width: 100%;
        padding-top: 60px;
        margin-bottom: 80px;
    }
    .int3-a1a {
        width: calc(100%*818/1920);
        position: absolute;
        bottom: 0;
        left: calc(100%*95/1920);
        z-index: 2;
    }
    .int3-a2a {
        position: absolute;
        top: calc(100%*163/925);
        left: 75px;
    }
    .int3-a2a div:nth-child(1) {
        font-size: 120px;
        line-height: 120px;
        color: rgba(66, 48, 22, 0.06);
        font-family: 'bigcaslon';
    }
    .int3-a2a div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        font-weight: bold;
        color: #423016;
        margin-top: -50px;
    }
    .int3-a2b {
        width: 100%;
        height: 635px;
        position: relative;
    }
    .zh-ints-fr {
        position: absolute;
        right: 0;
        top: 0;
        width: 316px;
    }
    .int3-a2bi {
        width: 50%;
        height: 100%;
        float: left;
    }
    .int3-a2bi div {
        width: 100% !important;
        opacity: 0;
        transition: 0.5s;
        height: 100%;
    }
    .int3-a2bi div a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .int3-a2bi div.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2bt {
        width: 50%;
        float: left;
        padding-left: 110px;
        padding-right: 330px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .int3-a2bt div {
        font-size: 24px;
        line-height: 54px;
        color: #423016;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
    }
    .int3-a2bt div.on1 {
        transition: 0.5s;
    }
    .int3-a2c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        position: relative;
    }
    .int3-a2c div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #cc974b;
    }
    .int3-a2c div:nth-child(2) {
        font-size: 16px;
        color: #fff;
        position: relative;
    }
    .int3-a2c div:nth-child(3) {
        width: 22px;
        height: 28px;
        margin-left: 10px;
        position: relative;
    }
    .int3-a2c div:nth-child(3)>img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(1) {
        width: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(2) {
        color: #cc974b;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(1) {
        opacity: 0;
    }
    .zh-honor {
        width: 1560px;
        margin: 0 auto;
        padding-bottom: 95px;
    }
    .zh-honor-list {
        width: 368px;
        float: left;
        margin-right: 29px;
    }
    .zh-honor-list:hover .zh-honor-list-d1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .zh-honor-list .zh-honor-list-d1 img {
        transition: .5s;
    }
    .zh-honor-list:nth-child(4n) {
        margin-right: 0;
    }
    .zh-honor-list .zh-honor-list-d1 {
        width: 100%;
        height: 270px;
        background: #e6e6e6;
        padding: 30px 28px;
        margin-bottom: 20px;
    }
    .zh-honor-list .zh-honor-list-d2 {
        font-size: 18px;
        color: #333333;
        text-align: center;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .int1-a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*925/1920);
    }
    .int1-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .int1-a1 video {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill;
    }
    .int3-a {
        background: #f8f6f2;
        padding-top: 100px;
        position: relative;
    }
    .int3-a .z-tit-a1,
    .int3-a .z-tit-a2 {
        text-align: center;
    }
    /*.int3-a{width: 100%;height: 0;position: relative;padding-bottom: calc(100%*925/1920);}*/
    .int3-a1 {
        width: calc(100%*605/1920);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: url(../t_img/t221.jpg) no-repeat;
        background-size: cover;
    }
    .int3-a2 {
        width: 100%;
        padding-top: 60px;
        margin-bottom: 80px;
    }
    .int3-a1a {
        width: calc(100%*818/1920);
        position: absolute;
        bottom: 0;
        left: calc(100%*95/1920);
        z-index: 2;
    }
    .int3-a2a {
        position: absolute;
        top: calc(100%*163/925);
        left: 75px;
    }
    .int3-a2a div:nth-child(1) {
        font-size: calc(1360px*120/1560);
        line-height: calc(1360px*120/1560);
        color: rgba(66, 48, 22, 0.06);
        font-family: 'bigcaslon';
    }
    .int3-a2a div:nth-child(2) {
        font-size: calc(1360px*48/1560);
        line-height: calc(1360px*48/1560);
        font-weight: bold;
        color: #423016;
        margin-top: calc(1360px*-50/1560);
    }
    .int3-a2b {
        width: 100%;
        height: calc(1360px*635/1560);
        position: relative;
    }
    .zh-ints-fr {
        position: absolute;
        right: 0;
        top: 0;
        width: 316px;
    }
    .int3-a2bi {
        width: 50%;
        height: 100%;
        float: left;
    }
    .int3-a2bi div {
        width: 100% !important;
        opacity: 0;
        transition: 0.5s;
        height: 100%;
    }
    .int3-a2bi div a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .int3-a2bi div.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2bt {
        width: 50%;
        float: left;
        padding-left: calc(1360px*110/1560);
        padding-right: calc(1360px*330/1560);
        height: 100%;
        display: flex;
        align-items: center;
    }
    .int3-a2bt div {
        font-size: calc(1360px*24/1560);
        line-height: calc(1360px*54/1560);
        color: #423016;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
    }
    .int3-a2bt div.on1 {
        transition: 0.5s;
    }
    .int3-a2c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        position: relative;
    }
    .int3-a2c div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #cc974b;
    }
    .int3-a2c div:nth-child(2) {
        font-size: 16px;
        color: #fff;
        position: relative;
    }
    .int3-a2c div:nth-child(3) {
        width: 22px;
        height: 28px;
        margin-left: 10px;
        position: relative;
    }
    .int3-a2c div:nth-child(3)>img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(1) {
        width: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(2) {
        color: #cc974b;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(1) {
        opacity: 0;
    }
    .zh-honor {
        width: 1360px;
        margin: 0 auto;
        padding-bottom: 95px;
    }
    .zh-honor-list {
        width: calc(1360px*368/1560);
        float: left;
        margin-right: calc(1360px*29/1560);
    }
    .zh-honor-list:hover .zh-honor-list-d1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .zh-honor-list .zh-honor-list-d1 img {
        transition: .5s;
    }
    .zh-honor-list:nth-child(4n) {
        margin-right: 0;
    }
    .zh-honor-list .zh-honor-list-d1 {
        width: 100%;
        height: calc(1360px*270/1560);
        background: #e6e6e6;
        padding: calc(1360px*30/1560) calc(1360px*28/1560);
        margin-bottom: calc(1360px*20/1560);
    }
    .zh-honor-list .zh-honor-list-d2 {
        font-size: 18px;
        color: #333333;
        text-align: center;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .int1-a {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: calc(100%*925/1920);
    }
    .int1-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .int1-a1 video {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill;
    }
    .int3-a {
        background: #f8f6f2;
        padding-top: 100px;
        position: relative;
    }
    .int3-a .z-tit-a1,
    .int3-a .z-tit-a2 {
        text-align: center;
    }
    /*.int3-a{width: 100%;height: 0;position: relative;padding-bottom: calc(100%*925/1920);}*/
    .int3-a1 {
        width: calc(100%*605/1920);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: url(../t_img/t221.jpg) no-repeat;
        background-size: cover;
    }
    .int3-a2 {
        width: 100%;
        padding-top: 60px;
        margin-bottom: 80px;
    }
    .int3-a1a {
        width: calc(100%*818/1920);
        position: absolute;
        bottom: 0;
        left: calc(100%*95/1920);
        z-index: 2;
    }
    .int3-a2a {
        position: absolute;
        top: calc(100%*163/925);
        left: 75px;
    }
    .int3-a2a div:nth-child(1) {
        font-size: calc(960px*120/1560);
        line-height: calc(960px*120/1560);
        color: rgba(66, 48, 22, 0.06);
        font-family: 'bigcaslon';
    }
    .int3-a2a div:nth-child(2) {
        font-size: calc(960px*48/1560);
        line-height: calc(960px*48/1560);
        font-weight: bold;
        color: #423016;
        margin-top: calc(960px*-50/1560);
    }
    .int3-a2b {
        width: 100%;
        height: calc(960px*635/1560);
        position: relative;
    }
    .zh-ints-fr {
        position: absolute;
        right: 0;
        top: 0;
        width: 316px;
    }
    .int3-a2bi {
        width: 50%;
        height: 100%;
        float: left;
    }
    .int3-a2bi div {
        width: 100% !important;
        opacity: 0;
        transition: 0.5s;
        height: 100%;
    }
    .int3-a2bi div a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .int3-a2bi div.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2bt {
        width: 50%;
        float: left;
        padding-left: calc(960px*110/1560);
        padding-right: calc(960px*330/1560);
        height: 100%;
        display: flex;
        align-items: center;
    }
    .int3-a2bt div {
        font-size: calc(960px*24/1560);
        line-height: calc(960px*54/1560);
        color: #423016;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
    }
    .int3-a2bt div.on1 {
        transition: 0.5s;
    }
    .int3-a2c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        position: relative;
    }
    .int3-a2c div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #cc974b;
    }
    .int3-a2c div:nth-child(2) {
        font-size: 16px;
        color: #fff;
        position: relative;
    }
    .int3-a2c div:nth-child(3) {
        width: 22px;
        height: 28px;
        margin-left: 10px;
        position: relative;
    }
    .int3-a2c div:nth-child(3)>img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(3)>img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(1) {
        width: 0;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(2) {
        color: #cc974b;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c:hover div:nth-child(3)>img:nth-child(1) {
        opacity: 0;
    }
    .zh-honor {
        width: 960px;
        margin: 0 auto;
        padding-bottom: 95px;
    }
    .zh-honor-list {
        width: calc(960px*368/1560);
        float: left;
        margin-right: calc(960px*29/1560);
    }
    .zh-honor-list:hover .zh-honor-list-d1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .zh-honor-list .zh-honor-list-d1 img {
        transition: .5s;
    }
    .zh-honor-list:nth-child(4n) {
        margin-right: 0;
    }
    .zh-honor-list .zh-honor-list-d1 {
        width: 100%;
        height: calc(960px*270/1560);
        background: #e6e6e6;
        padding: calc(960px*30/1560) calc(960px*28/1560);
        margin-bottom: calc(960px*20/1560);
    }
    .zh-honor-list .zh-honor-list-d2 {
        font-size: 18px;
        color: #333333;
        text-align: center;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1023px) {
    .int1-a {
        width: 100%;
        position: relative;
    }
    .int1-a1 {
        width: 100%;
    }
    .int1-a1 video {
        width: 100% !important;
        object-fit: fill;
    }
    /* .int3-a{width: 100%;position: relative;overflow: hidden;background: #f8f1e6;}
    .int3-a1{width: 100%;height: 6.4rem;background: url(../t_img/t221.jpg) no-repeat;background-size: cover;}
    .int3-a2{width: 100%;padding-bottom: 1rem;margin-top: -2rem;}
    .int3-a1a{width:100%;position: absolute;top: 0;right: -35%;}
    .int3-a2a{width: 100%;position: absolute;top: 1rem;left: 0;}
    .int3-a2a div:nth-child(1){font-size: 1.2rem;line-height:1.2rem;color: rgba(244,232, 214, 0.1);font-family: 'bigcaslon';text-align: center;}
    .int3-a2a div:nth-child(2){font-size: 0.5rem;line-height: 0.5rem;font-weight: bold;color: #f4e8d6;margin-top: -0.5rem;text-align: center;}
    .int3-a2b{display: none;}
    .int3-yda2b{width: calc(100% - 0.4rem*2);margin: 0 auto;margin-bottom: 1rem;position: relative;}
    .int3-yda2b div:nth-child(1){width: 100%;}
    .int3-yda2b div:nth-child(2){font-size: 0.34rem;color: #423016;font-weight: bold;text-align: center;margin-top: 0.5rem;}*/
    .int3-a2c {
        width: 2.44rem;
        height: 0.75rem;
        background: #cc974b;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 0.55rem;
    }
    .int3-a2c div:nth-child(1) {
        font-size: 0.24rem;
        color: #fff;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(2) {
        width: 0.24rem;
        height: calc(0.24rem*28/22);
        margin-left: 10px;
        position: relative;
    }
    .int3-a2c div:nth-child(2)>img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .int3-a2c div:nth-child(2)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2c div:nth-child(2)>img:nth-child(1) {
        opacity: 0;
    }
    .int3-a {
        background: #f8f6f2;
        padding-top: 1rem;
        position: relative;
    }
    .int3-a .z-tit-a1 {
        font-size: 1.1rem;
        line-height: 1.1rem;
        color: #222222;
    }
    .int3-a .z-tit-a2 {
        font-size: 0.3rem;
        line-height: 0.3rem;
        color: #cc974b;
        font-weight: bold;
        margin-top: 0.3rem;
    }
    .int3-a .z-tit-a1,
    .int3-a .z-tit-a2 {
        text-align: center;
    }
    .int3-a2 {
        width: 100%;
    }
    /* .int3-a1a{width: calc(100%*818/1920);position: absolute;bottom: 0;left: calc(100%*95/1920);z-index: 2;}
    .int3-a2a{position: absolute;top: calc(100%*163/925);left: 75px;}
    .int3-a2a div:nth-child(1){font-size: 120px;line-height: 120px;color: rgba(66, 48, 22, 0.06);font-family: 'bigcaslon';}
    .int3-a2a div:nth-child(2){font-size: 48px;line-height: 48px;font-weight: bold;color: #423016;margin-top: -50px;} */
    .int3-a2b {
        width: 100%;
        position: relative;
        margin-top: 0.5rem;
        overflow: hidden;
    }
    .zh-ints-fr {
        width: 3.16rem;
        position: absolute;
        right: -0.8rem;
        top: 6.35rem;
    }
    .int3-a2bi {
        width: 100%;
        height: 6.35rem;
    }
    .int3-a2bi div {
        width: 100% !important;
        opacity: 0;
        transition: 0.5s;
        height: 100%;
    }
    .int3-a2bi div a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .int3-a2bi div.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-a2bt {
        width: 100%;
        padding: 0.85rem 0.4rem;
    }
    .int3-a2bt>div>div {
        font-size: 0.28rem;
        margin-bottom: 0.4rem;
        color: #423016;
        transition: 0.5s;
        white-space: nowrap;
    }
    .int3-a2bt div.on1 {
        transition: 0.5s;
    }
    .int3-a2bt>div .int3-a2c {
        display: none;
    }
    .zh-honor {
        width: 100%;
        padding-bottom: 1.2rem;
    }
    .zh-swi {
        width: 100%;
        height: 4.45rem;
    }
    .zh-honor-list {
        width: 100%;
        height: 100%;
        transform: scale(0.9);
        transition: 0.5s;
    }
    .zh-honor-list .zh-honor-list-d1 {
        width: 100%;
        height: 100%;
        background: #e6e6e6;
        padding: 0.5rem;
    }
    .zh-honor-list .zh-honor-list-d2 {
        display: none;
    }
    .zh-swi .swiper-slide-active .zh-honor-list {
        transform: scale(1);
        transition: 0.5s;
    }
}


/* 长图 */

@media only screen and (min-width: 1921px) {
    /* 第一部分 */
    .bai-move {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 0;
    }
    .bai-a1 {
        height: 100%;
        position: relative;
    }
    .bai-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bai-ac1 {
        width: calc(100%*1096/17329);
        position: absolute;
        left: calc(100%*1363/17329);
        top: 0;
    }
    .ybai-a {
        display: none;
    }
    .ybai2-a {
        width: 100%;
        height: 1073px;
        padding-top: 105px;
    }
    /* 第一部分 */
    .ybai2-a {
        width: 100%;
        height: 0;
        padding-bottom: calc(100%*1059/1920);
        position: relative;
        overflow: hidden;
    }
    .ybai2-a {
        background: url(../img/dd25.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .ybai2-a1 {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
    }
    .ybai2-a1 div:nth-child(1) {
        font-size: 120px;
        line-height: 120px;
        color: rgba(242, 237, 229, 0.06);
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai2-a1 div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        color: #f8e9d0;
        text-align: center;
        margin-top: -50px;
    }
    .ybai2-a2 {
        width: calc(100%*825/1920);
        position: absolute;
        top: 300px;
        left: calc(50% - (100%*825/1920)/2);
        overflow: hidden;
        transition: 0.5s;
    }
    .ybai2-a3 {
        display: -webkit-box;
    }
    .ybai2-a3::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a4 {
        width: 80px;
        height: 60px;
        float: left;
        position: relative;
        margin-right: 50px;
        display: inline-block;
        z-index: 5;
    }
    .ybai2-a41 {
        width: 100%;
        font-size: 20px;
        color: #f8e9d0;
        text-align: center;
        position: absolute;
        bottom: 37px;
        left: 0;
        font-family: 'rubik';
    }
    .ybai2-a42 {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: 6px;
        left: calc(50% - 16px/2);
    }
    .ybai2-a4.on1>.ybai2-a41 {
        font-size: 24px;
        font-weight: bold;
        transition: 0.5s;
    }
    .ybai2-a4.on1>.ybai2-a42 {
        border: 6px solid #cc974b;
        width: 28px;
        height: 28px;
        background: #fff;
        bottom: 0;
        left: calc(50% - 28px/2);
        transition: 0.5s;
    }
    .ybai2-a2l {
        width: calc(100%*780/1920);
        height: 4px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 345px;
        left: calc(50% - (100%*745/1920)/2);
        z-index: 1;
        transition: 0.5s;
    }
    .ybai2-a5 {
        width: calc(100% - (100% - 1560px)/2);
        height: calc(100%*600/1059);
        position: absolute;
        left: calc(100%*180/1920);
        top: 450px
    }
    .yabai-a5z {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .ybai2-a5s {
        height: 100%;
        position: absolute;
        left: calc(100%*180px/1920);
        top: 0;
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
    }
    .ybai2-a5s::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a5s .ybai2-a51 {
        margin-right: 70px;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(1) {
        font-family: 'Rubik';
        font-size: 36px;
        color: #f8e9d0;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(2) {
        font-size: 16px;
        margin-top: 20px;
        color: #f8e9d0;
    }
    .ybai2-a51 div:nth-child(2) p,
    .ybai2-a51 div:nth-child(2) {
        padding-top: 25px;
        width: 315px;
        font-size: 14px !important;
        color: #f8e9d0;
        ;
        line-height: 36px;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .ybai2-a5::-webkit-scrollbar {
        display: none;
    }
    .ybai2-btn1 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 310px;
        left: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn2 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 310px;
        right: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn1 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn1 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn1 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn1:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn2 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn2 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-yda2b {
        display: none;
    }
    .bai-a3 .bai-a3s {
        position: absolute;
        top: 0;
        height: 100%;
    }
    .bai-a3 .bai-a3s:nth-child(1) {
        left: calc(100%*180/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a31 {
        width: 525px;
    }
    .bai-a3 .bai-a3s .bai-a32 {
        width: 620px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32 {
        width: 690px;
        margin-left: 140px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a {
        width: 100%;
        margin-bottom: 50px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(1) {
        height: 71px;
        display: flex;
        justify-content: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(2) {
        font-size: 48px;
        font-weight: bold;
        color: #37260d;
        margin-top: -30px;
        text-align: center;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32b p,
    .bai-a3 .bai-a3s .bai-a32b {
        width: 100%;
        font-size: 16px !important;
        line-height: 36px;
        color: #4a3f2e;
        white-space: pre-wrap;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32c {
        width: 100%;
        text-align: center;
        font-size: 120px;
        font-weight: bold;
        color: #cc974b;
        line-height: 120px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32d {
        width: 100%;
        text-align: center;
        font-size: 120px;
        font-weight: bold;
        color: #cc974b;
        line-height: 120px;
        margin-top: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s:nth-child(odd) .bai-a32c {
        display: none;
    }
    .bai-a3 .bai-a3s:nth-child(even) .bai-a32d {
        display: none;
    }
    /* 第二部分 */
    .bai-a3 .bai-a3s:nth-child(2) {
        left: calc(100%*2360/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a31 {
        width: 427px;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a32 {
        width: 630px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s .bai-a32a div:nth-child(3) {
        font-size: 28px;
        font-weight: bold;
        color: #4a3f2e;
        margin-top: 50px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    /* 第三部分 */
    .bai-a3 .bai-a3s:nth-child(3) {
        left: calc(100%*3834/17329);
        display: flex;
        align-items: center;
    }
    /* 第四部分 */
    .bai-a3 .bai-a3s:nth-child(4) {
        left: calc(100%*5063/17329);
        display: flex;
        align-items: center;
    }
    /* 第五部分 */
    .bai-a3 .bai-a3s:nth-child(5) {
        left: calc(100%*6287/17329);
        display: flex;
        align-items: center;
    }
    /* 第六部分 */
    .bai-a3 .bai-a3s:nth-child(6) {
        left: calc(100%*7650/17329);
        display: flex;
        align-items: center;
    }
    /* 第七部分 */
    .bai-a3 .bai-a3s:nth-child(7) {
        left: calc(100%*9166/17329);
        display: flex;
        align-items: center;
    }
    /* 第八部分 */
    .bai-a3 .bai-a3s:nth-child(8) {
        left: calc(100%*10617/17329);
        display: flex;
        align-items: center;
    }
    /* 第九部分 */
    .bai-a3 .bai-a3s:nth-child(9) {
        left: calc(100%*11918/17329);
        display: flex;
        align-items: center;
    }
    /* 第十部分 */
    .bai-a3 .bai-a3s:nth-child(10) {
        left: calc(100%*13254/17329);
        display: flex;
        align-items: center;
    }
    /* 第十一部分 */
    .bai-a3 .bai-a3s:nth-child(11) {
        left: calc(100%*14638/17329);
        display: flex;
        align-items: center;
    }
    /* 第十二部分 */
    .bai-a3 .bai-a3s:nth-child(12) {
        right: 270px;
        left: auto;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    /* 第一部分 */
    .bai-move {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 0;
    }
    .bai-a1 {
        height: 100%;
        position: relative;
    }
    .bai-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bai-ac1 {
        width: calc(100%*1096/17329);
        position: absolute;
        left: calc(100%*1363/17329);
        top: 0;
    }
    .ybai-a {
        display: none;
    }
    .ybai2-a {
        width: 100%;
        height: 1073px;
        padding-top: 105px;
        position: relative;
        overflow: hidden;
    }
    .ybai2-a {
        background: url(../img/dd25.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .ybai2-a1 {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
    }
    .ybai2-a1 div:nth-child(1) {
        font-size: 120px;
        line-height: 120px;
        color: rgba(242, 237, 229, 0.06);
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai2-a1 div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        color: #f8e9d0;
        text-align: center;
        margin-top: -50px;
    }
    .ybai2-a2 {
        width: calc(100%*825/1920);
        position: absolute;
        top: 312px;
        left: calc(50% - (100%*825/1920)/2);
        overflow: hidden;
        transition: 0.5s;
    }
    .ybai2-a3 {
        display: -webkit-box;
    }
    .ybai2-a3::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a4 {
        width: 80px;
        height: 60px;
        float: left;
        position: relative;
        margin-right: 50px;
        display: inline-block;
        z-index: 5;
    }
    .ybai2-a41 {
        width: 100%;
        font-size: 20px;
        color: #f8e9d0;
        text-align: center;
        position: absolute;
        bottom: 37px;
        left: 0;
        font-family: 'rubik';
    }
    .ybai2-a42 {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: 6px;
        left: calc(50% - 16px/2);
    }
    .ybai2-a4.on1>.ybai2-a41 {
        font-size: 24px;
        font-weight: bold;
        transition: 0.5s;
    }
    .ybai2-a4.on1>.ybai2-a42 {
        border: 6px solid #cc974b;
        width: 28px;
        height: 28px;
        background: #fff;
        bottom: 0;
        left: calc(50% - 28px/2);
        transition: 0.5s;
    }
    .ybai2-a2l {
        width: calc(100%*780/1920);
        height: 4px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 356px;
        left: calc(50% - (100%*745/1920)/2);
        z-index: 1;
        transition: 0.5s;
    }
    .ybai2-a5 {
        width: calc(100% - (100% - 1560px)/2);
        height: calc(100%*600/1059);
        position: absolute;
        left: calc(100%*180/1920);
        top: calc(100%*450/1059);
    }
    .yabai-a5z {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .ybai2-a5s {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
    }
    .ybai2-a5s::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a5 .ybai2-a51 {
        margin-right: 78px;
    }
    .ybai2-a51 div:nth-child(2) p,
    .ybai2-a51 div:nth-child(2) {
        padding-top: 25px;
        width: 315px;
        font-size: 14px !important;
        color: #f8e9d0;
        line-height: 36px;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .ybai2-a5::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(1) {
        font-family: 'Rubik';
        font-size: 36px;
        color: #f8e9d0;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(2) {
        font-size: 16px;
        margin-top: 20px;
        color: #f8e9d0;
    }
    .ybai2-btn1 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 312px;
        left: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn2 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 312px;
        right: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn1 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn1 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn1 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn1:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn2 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn2 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-yda2b {
        display: none;
    }
    /* 第一部分 */
    .bai-a3 .bai-a3s {
        position: absolute;
        top: 0;
        height: 100%;
    }
    .bai-a3 .bai-a3s:nth-child(1) {
        left: calc(100%*180/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a31 {
        width: 525px;
    }
    .bai-a3 .bai-a3s .bai-a32 {
        width: 620px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32 {
        width: 690px;
        margin-left: 140px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a {
        width: 100%;
        margin-bottom: 50px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(1) {
        height: 71px;
        display: flex;
        justify-content: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(2) {
        font-size: 48px;
        font-weight: bold;
        color: #37260d;
        margin-top: -30px;
        text-align: center;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32b p,
    .bai-a3 .bai-a3s .bai-a32b {
        width: 100%;
        font-size: 16px !important;
        line-height: 36px;
        color: #4a3f2e;
        white-space: pre-wrap;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32c {
        width: 100%;
        text-align: center;
        font-size: 120px;
        font-weight: bold;
        color: #cc974b;
        line-height: 120px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32d {
        width: 100%;
        text-align: center;
        font-size: 120px;
        font-weight: bold;
        color: #cc974b;
        line-height: 120px;
        margin-top: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s:nth-child(odd) .bai-a32c {
        display: none;
    }
    .bai-a3 .bai-a3s:nth-child(even) .bai-a32d {
        display: none;
    }
    /* 第二部分 */
    .bai-a3 .bai-a3s:nth-child(2) {
        left: calc(100%*2360/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a31 {
        width: 427px;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a32 {
        width: 630px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s .bai-a32a div:nth-child(3) {
        font-size: 28px;
        font-weight: bold;
        color: #4a3f2e;
        margin-top: 50px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    /* 第三部分 */
    .bai-a3 .bai-a3s:nth-child(3) {
        left: calc(100%*3834/17329);
        display: flex;
        align-items: center;
    }
    /* 第四部分 */
    .bai-a3 .bai-a3s:nth-child(4) {
        left: calc(100%*5063/17329);
        display: flex;
        align-items: center;
    }
    /* 第五部分 */
    .bai-a3 .bai-a3s:nth-child(5) {
        left: calc(100%*6287/17329);
        display: flex;
        align-items: center;
    }
    /* 第六部分 */
    .bai-a3 .bai-a3s:nth-child(6) {
        left: calc(100%*7650/17329);
        display: flex;
        align-items: center;
    }
    /* 第七部分 */
    .bai-a3 .bai-a3s:nth-child(7) {
        left: calc(100%*9166/17329);
        display: flex;
        align-items: center;
    }
    /* 第八部分 */
    .bai-a3 .bai-a3s:nth-child(8) {
        left: calc(100%*10617/17329);
        display: flex;
        align-items: center;
    }
    /* 第九部分 */
    .bai-a3 .bai-a3s:nth-child(9) {
        left: calc(100%*11918/17329);
        display: flex;
        align-items: center;
    }
    /* 第十部分 */
    .bai-a3 .bai-a3s:nth-child(10) {
        left: calc(100%*13254/17329);
        display: flex;
        align-items: center;
    }
    /* 第十一部分 */
    .bai-a3 .bai-a3s:nth-child(11) {
        left: calc(100%*14638/17329);
        display: flex;
        align-items: center;
    }
    /* 第十二部分 */
    .bai-a3 .bai-a3s:nth-child(12) {
        right: 270px;
        left: auto;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    /* 第一部分 */
    .bai-move {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 0;
    }
    .bai-a1 {
        height: 100%;
        position: relative;
    }
    .bai-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bai-ac1 {
        width: calc(100%*1096/17329);
        position: absolute;
        left: calc(100%*1363/17329);
        top: 0;
    }
    .ybai-a {
        display: none;
    }
    .ybai2-a {
        width: 100%;
        height: 0;
        padding-top: calc(1360px*105/1560);
        padding-bottom: calc(100%*1059/1920);
        position: relative;
        overflow: hidden;
    }
    .ybai2-a {
        background: url(../img/dd25.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .ybai2-a1 {
        width: 100%;
        position: absolute;
        top: calc(100%*100/925);
        left: 0;
    }
    .ybai2-a1 div:nth-child(1) {
        font-size: calc(1360px*120/1560);
        line-height: calc(1360px*120/1560);
        color: rgba(242, 237, 229, 0.06);
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai2-a1 div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        color: #f8e9d0;
        text-align: center;
        margin-top: -50px;
    }
    .ybai2-a2 {
        width: calc(100%*825/1920);
        position: absolute;
        top: 244px;
        left: calc(50% - (100%*825/1920)/2);
        overflow: hidden;
        transition: 0.5s;
    }
    .ybai2-a3 {
        display: -webkit-box;
    }
    .ybai2-a3::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a4 {
        width: 80px;
        height: 60px;
        float: left;
        position: relative;
        margin-right: 50px;
        display: inline-block;
        z-index: 5;
    }
    .ybai2-a41 {
        width: 100%;
        font-size: 20px;
        color: #f8e9d0;
        text-align: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        font-family: 'rubik';
        font-style: italic;
    }
    .ybai2-a42 {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: 6px;
        left: calc(50% - 16px/2);
    }
    .ybai2-a4.on1>.ybai2-a41 {
        font-size: 24px;
        font-weight: bold;
        transition: 0.5s;
    }
    .ybai2-a4.on1>.ybai2-a42 {
        border: 6px solid #cc974b;
        width: 28px;
        height: 28px;
        background: #fff;
        bottom: 0;
        left: calc(50% - 28px/2);
        transition: 0.5s;
    }
    .ybai2-a2l {
        width: calc(100%*780/1920);
        height: 4px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 286px;
        left: calc(50% - (100%*745/1920)/2);
        z-index: 1;
        transition: 0.5s;
    }
    .ybai2-a5 {
        width: 100%;
        height: calc(100%*600/1059);
        position: absolute;
        left: calc(100%*180/1920);
        top: calc(100%*450/1059);
    }
    .yabai-a5z {
        width: 100%;
        height: 100%;
    }
    .ybai2-a5s {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
    }
    .ybai2-a5s::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a5 .ybai2-a51 {
        margin-right: 77px;
    }
    .ybai2-a51 div:nth-child(2) p,
    .ybai2-a51 div:nth-child(2) {
        width: 315px;
        font-size: 14px !important;
        color: #fcefd8;
        line-height: 36px;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .ybai2-a5::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(1) {
        font-size: 36px;
        color: #fcefd8;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(2) {
        font-size: 16px;
        margin-top: 20px;
        color: #fcefd8;
    }
    .ybai2-btn1 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 250px;
        left: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn2 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 250px;
        right: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn1 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn1 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn1 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn1:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn2 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn2 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-yda2b {
        display: none;
    }
    /* 第一部分 */
    .bai-a3 .bai-a3s {
        position: absolute;
        top: 0;
        height: 100%;
    }
    .bai-a3 .bai-a3s:nth-child(1) {
        left: calc(100%*180/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a31 {
        width: 525px;
    }
    .bai-a3 .bai-a3s .bai-a32 {
        width: 620px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32 {
        width: 690px;
        margin-left: 140px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a {
        width: 100%;
        margin-bottom: 50px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(1) {
        height: 71px;
        display: flex;
        justify-content: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(2) {
        font-size: 44px;
        font-weight: bold;
        color: #37260d;
        margin-top: -30px;
        text-align: center;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32b p,
    .bai-a3 .bai-a3s .bai-a32b {
        width: 100%;
        font-size: 14px !important;
        line-height: 30px;
        color: #4a3f2e;
        white-space: pre-wrap;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32c {
        width: 100%;
        text-align: center;
        font-size: 100px;
        font-weight: bold;
        color: #cc974b;
        line-height: 100px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32d {
        width: 100%;
        text-align: center;
        font-size: 100px;
        font-weight: bold;
        color: #cc974b;
        line-height: 100px;
        margin-top: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s:nth-child(odd) .bai-a32c {
        display: none;
    }
    .bai-a3 .bai-a3s:nth-child(even) .bai-a32d {
        display: none;
    }
    /* 第二部分 */
    .bai-a3 .bai-a3s:nth-child(2) {
        left: calc(100%*2360/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a31 {
        width: 427px;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a32 {
        width: 630px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s .bai-a32a div:nth-child(3) {
        font-size: 24px;
        font-weight: bold;
        color: #4a3f2e;
        margin-top: 50px;
        margin-bottom: 50px;
        transform-origin: 0.5s;
    }
    /* 第三部分 */
    .bai-a3 .bai-a3s:nth-child(3) {
        left: calc(100%*3834/17329);
        display: flex;
        align-items: center;
    }
    /* 第四部分 */
    .bai-a3 .bai-a3s:nth-child(4) {
        left: calc(100%*5063/17329);
        display: flex;
        align-items: center;
    }
    /* 第五部分 */
    .bai-a3 .bai-a3s:nth-child(5) {
        left: calc(100%*6287/17329);
        display: flex;
        align-items: center;
    }
    /* 第六部分 */
    .bai-a3 .bai-a3s:nth-child(6) {
        left: calc(100%*7650/17329);
        display: flex;
        align-items: center;
    }
    /* 第七部分 */
    .bai-a3 .bai-a3s:nth-child(7) {
        left: calc(100%*9166/17329);
        display: flex;
        align-items: center;
    }
    /* 第八部分 */
    .bai-a3 .bai-a3s:nth-child(8) {
        left: calc(100%*10617/17329);
        display: flex;
        align-items: center;
    }
    /* 第九部分 */
    .bai-a3 .bai-a3s:nth-child(9) {
        left: calc(100%*11918/17329);
        display: flex;
        align-items: center;
    }
    /* 第十部分 */
    .bai-a3 .bai-a3s:nth-child(10) {
        left: calc(100%*13254/17329);
        display: flex;
        align-items: center;
    }
    /* 第十一部分 */
    .bai-a3 .bai-a3s:nth-child(11) {
        left: calc(100%*14638/17329);
        display: flex;
        align-items: center;
    }
    /* 第十二部分 */
    .bai-a3 .bai-a3s:nth-child(12) {
        right: 270px;
        left: auto;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    /* 第一部分 */
    .bai-move {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 0;
    }
    .bai-a1 {
        height: 100%;
        position: relative;
    }
    .bai-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bai-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bai-ac1 {
        width: calc(100%*1096/17329);
        position: absolute;
        left: calc(100%*1363/17329);
        top: 0;
    }
    .ybai-a {
        display: none;
    }
    .ybai2-a {
        width: 100%;
        height: 0;
        padding-top: calc(1360px*105/1560);
        padding-bottom: calc(100%*1059/1920);
        position: relative;
        overflow: hidden;
    }
    .ybai2-a {
        background: url(../img/dd25.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .ybai2-a1 {
        width: 100%;
        position: absolute;
        top: calc(100%*100/925);
        left: 0;
    }
    .ybai2-a1 div:nth-child(1) {
        font-size: calc(960px*120/1560);
        line-height: calc(960px*120/1560);
        color: rgba(242, 237, 229, 0.06);
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai2-a1 div:nth-child(2) {
        font-size: 48px;
        line-height: 48px;
        color: #f8e9d0;
        text-align: center;
        margin-top: -50px;
    }
    .ybai2-a2 {
        width: calc(100%*825/1920);
        position: absolute;
        top: 248px;
        left: calc(50% - (100%*825/1920)/2);
        overflow: hidden;
        transition: 0.5s;
    }
    .ybai2-a3 {
        display: -webkit-box;
    }
    .ybai2-a3::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a4 {
        width: 80px;
        height: 60px;
        float: left;
        position: relative;
        margin-right: 50px;
        display: inline-block;
        z-index: 5;
    }
    .ybai2-a41 {
        width: 100%;
        font-size: 20px;
        color: #f8e9d0;
        text-align: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        font-family: 'rubik';
        font-style: italic;
    }
    .ybai2-a42 {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: 6px;
        left: calc(50% - 16px/2);
    }
    .ybai2-a4.on1>.ybai2-a41 {
        font-size: 24px;
        font-weight: bold;
        transition: 0.5s;
    }
    .ybai2-a4.on1>.ybai2-a42 {
        border: 6px solid #cc974b;
        width: 28px;
        height: 28px;
        background: #fff;
        bottom: 0;
        left: calc(50% - 28px/2);
        transition: 0.5s;
    }
    .ybai2-a2l {
        width: calc(100%*780/1920);
        height: 4px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 291px;
        left: calc(50% - (100%*745/1920)/2);
        z-index: 1;
        transition: 0.5s;
    }
    .ybai2-a5 {
        width: 100%;
        height: calc(100%*600/1059);
        position: absolute;
        left: calc(100%*180/1920);
        top: calc(100%*550/1059);
    }
    .yabai-a5z {
        width: 100%;
        height: 100%;
    }
    .ybai2-a5s {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
    }
    .ybai2-a5s::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a5 .ybai2-a51 {
        margin-right: 77px;
    }
    .ybai2-a51 div:nth-child(2) p,
    .ybai2-a51 div:nth-child(2) {
        width: 315px;
        font-size: 12px !important;
        color: #fcefd8;
        line-height: 30px;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .ybai2-a5::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(1) {
        font-size: 36px;
        color: #fcefd8;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(2) {
        font-size: 16px;
        margin-top: 20px;
        color: #fcefd8;
    }
    .ybai2-btn1 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 250px;
        left: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn2 {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        border: 1px solid #cc974b;
        position: absolute;
        top: 250px;
        right: calc(100%*405/1920);
        transition: 0.5s;
    }
    .ybai2-btn1 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn1 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn1 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn1 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn1:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn1:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2 div:nth-child(1) {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ybai2-btn2 div:nth-child(2) {
        display: none;
    }
    .ybai2-btn2 div:nth-child(1)>img {
        width: 21px;
        height: 26px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(2) {
        opacity: 0;
    }
    .ybai2-btn2 div:nth-child(1)>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .ybai2-btn2:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(1) {
        opacity: 0;
    }
    .ybai2-btn2:hover>div:nth-child(1)>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .int3-yda2b {
        display: none;
    }
    /* 第一部分 */
    .bai-a3 .bai-a3s {
        position: absolute;
        top: 0;
        height: 100%;
    }
    .bai-a3 .bai-a3s:nth-child(1) {
        left: calc(100%*180/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a31 {
        width: 525px;
    }
    .bai-a3 .bai-a3s .bai-a32 {
        width: 620px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32 {
        width: 690px;
        margin-left: 140px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a {
        width: 100%;
        margin-bottom: 50px;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(1) {
        height: 71px;
        display: flex;
        justify-content: center;
    }
    .bai-a3 .bai-a3s:nth-child(1) .bai-a32a div:nth-child(2) {
        font-size: 42px;
        font-weight: bold;
        color: #37260d;
        margin-top: -30px;
        text-align: center;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32b p,
    .bai-a3 .bai-a3s .bai-a32b {
        width: 100%;
        font-size: 14px !important;
        line-height: 30px;
        color: #4a3f2e;
        white-space: pre-wrap;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32c {
        width: 100%;
        text-align: center;
        font-size: 90px;
        font-weight: bold;
        color: #cc974b;
        line-height: 90px;
        margin-bottom: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s .bai-a32d {
        width: 100%;
        text-align: center;
        font-size: 90px;
        font-weight: bold;
        color: #cc974b;
        line-height: 90px;
        margin-top: 50px;
        transition: 0.5s;
    }
    .bai-a3 .bai-a3s:nth-child(odd) .bai-a32c {
        display: none;
    }
    .bai-a3 .bai-a3s:nth-child(even) .bai-a32d {
        display: none;
    }
    /* 第二部分 */
    .bai-a3 .bai-a3s:nth-child(2) {
        left: calc(100%*2360/17329);
        display: flex;
        align-items: center;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a31 {
        width: 427px;
    }
    .bai-a3 .bai-a3s:nth-child(2) .bai-a32 {
        width: 630px;
        margin-left: 70px;
    }
    .bai-a3 .bai-a3s .bai-a32a div:nth-child(3) {
        font-size: 24px;
        font-weight: bold;
        color: #4a3f2e;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    /* 第三部分 */
    .bai-a3 .bai-a3s:nth-child(3) {
        left: calc(100%*3834/17329);
        display: flex;
        align-items: center;
    }
    /* 第四部分 */
    .bai-a3 .bai-a3s:nth-child(4) {
        left: calc(100%*5063/17329);
        display: flex;
        align-items: center;
    }
    /* 第五部分 */
    .bai-a3 .bai-a3s:nth-child(5) {
        left: calc(100%*6287/17329);
        display: flex;
        align-items: center;
    }
    /* 第六部分 */
    .bai-a3 .bai-a3s:nth-child(6) {
        left: calc(100%*7650/17329);
        display: flex;
        align-items: center;
    }
    /* 第七部分 */
    .bai-a3 .bai-a3s:nth-child(7) {
        left: calc(100%*9166/17329);
        display: flex;
        align-items: center;
    }
    /* 第八部分 */
    .bai-a3 .bai-a3s:nth-child(8) {
        left: calc(100%*10617/17329);
        display: flex;
        align-items: center;
    }
    /* 第九部分 */
    .bai-a3 .bai-a3s:nth-child(9) {
        left: calc(100%*11918/17329);
        display: flex;
        align-items: center;
    }
    /* 第十部分 */
    .bai-a3 .bai-a3s:nth-child(10) {
        left: calc(100%*13254/17329);
        display: flex;
        align-items: center;
    }
    /* 第十一部分 */
    .bai-a3 .bai-a3s:nth-child(11) {
        left: calc(100%*14638/17329);
        display: flex;
        align-items: center;
    }
    /* 第十二部分 */
    .bai-a3 .bai-a3s:nth-child(12) {
        right: 270px;
        left: auto;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1023px) {
    .ybai-a {
        width: 100%;
        padding-bottom: 1rem;
        background: #f8f1e6;
    }
    .ybai-a1 {
        width: calc(100% - 0.4rem*2);
        padding-top: 1rem;
        margin: 0 auto;
    }
    .ybai-a1 div:nth-child(1) {
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: #f4e8d6;
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai-a1 div:nth-child(2) {
        font-size: 0.5rem;
        color: #37260d;
        text-align: center;
        margin-top: -0.3rem;
        font-weight: bold;
    }
    .ybai-a2 {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
        margin-top: 0.65rem;
    }
    .ybai-a21 {
        width: 3.45rem;
        height: 1rem;
        margin: 0 auto;
    }
    .ybai-a22 {
        width: 100%;
        padding: 0.4rem 0.35rem 0.4rem 0.35rem;
        margin-top: 0.05rem;
        background: #423016;
    }
    .ybai-a22 img {
        width: 100%;
    }
    .ybai-a23 {
        width: 4.44rem;
        height: 1rem;
        background: #423016;
        margin: 0 auto;
        margin-top: 0.05rem;
        overflow: hidden;
    }
    .ybai-a23 img {
        width: 3.38rem;
        height: 0.49rem;
        margin: 0 auto;
        margin-top: calc(1rem/2 - 0.49rem/2);
    }
    .ybai-a24 {
        width: 5.4rem;
        height: 1rem;
        background: #423016;
        margin: 0 auto;
        margin-top: 0.05rem;
        overflow: hidden;
    }
    .ybai-a24 img {
        width: 4.07rem;
        height: 0.6rem;
        margin: 0 auto;
        margin-top: calc(1rem/2 - 0.6rem/2);
    }
    .ybai-a3 {
        width: calc(100% - 0.8rem*2);
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #4a3f2e;
        margin: 0 auto;
        margin-top: 0.65rem;
    }
    .ybai-a4 {
        font-size: 1.46rem;
        line-height: 1.46rem;
        color: #cc974b;
        font-weight: bold;
        text-align: center;
        margin-top: 0.5rem;
    }
    .bai-move {
        display: none;
    }
    .ybai2-a {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding-top: 1rem;
    }
    .ybai2-a {
        background: url(../t_img/s31.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .ybai2-a1 {
        width: 100%;
        margin-top: 1rem;
    }
    .ybai2-a1 div:nth-child(1) {
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: rgba(242, 237, 229, 0.06);
        text-align: center;
        font-family: 'bigcaslon';
    }
    .ybai2-a1 div:nth-child(2) {
        font-size: 0.5rem;
        line-height: 0.5rem;
        color: #f8e9d0;
        text-align: center;
        margin-top: -0.5rem;
    }
    .ybai2-a2 {
        width: calc(100% - 0.4rem*4);
        margin: 0 auto;
        margin-top: 0.6rem;
        overflow: hidden;
        overflow-x: auto;
    }
    .ybai2-a3 {
        display: -webkit-box;
    }
    .ybai2-a3::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a4 {
        width: 1.2rem;
        height: 1rem;
        float: left;
        position: relative;
        margin-right: 0.3rem;
        display: inline-block;
        z-index: 5;
    }
    .ybai2-a41 {
        width: 100%;
        font-size: 0.32rem;
        color: #f8e9d0;
        text-align: center;
        position: absolute;
        bottom: 0.45rem;
        left: 0;
        font-style: italic;
        font-family: 'rubik';
    }
    .ybai2-a42 {
        width: 0.28rem;
        height: 0.28rem;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: 0.06rem;
        left: calc(50% - 0.28rem/2);
    }
    .ybai2-a4.on1>.ybai2-a41 {
        font-size: 0.46rem;
        font-weight: bold;
        transition: 0.5s;
    }
    .ybai2-a4.on1>.ybai2-a42 {
        border: 0.06rem solid #cc974b;
        width: 0.4rem;
        height: 0.4rem;
        background: #fff;
        bottom: 0;
        left: calc(50% - 0.4rem/2);
        transition: 0.5s;
    }
    .ybai2-a2l {
        width: 4.85rem;
        height: 4px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 4.08rem;
        left: calc(50% - 4.85rem/2);
        z-index: 1;
        transition: 0.5s;
    }
    .ybai2-a5 {
        height: 8.4rem;
        margin-left: 0.4rem;
        margin-top: 1.95rem;
    }
    .ybai2-a5s {
        width: 100%;
        height: 8.4rem;
        overflow-x: auto;
        display: -webkit-box;
    }
    .ybai2-a5 .ybai2-a51 {
        margin-right: 0.77rem;
    }
    .ybai2-a51 div:nth-child(2) p,
    .ybai2-a51 div:nth-child(2) {
        text-align:justify;
        width: 4.3rem;
        font-size: 0.24rem !important;
        color: #f8e9d0;
        line-height: 0.48rem;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* text-indent:.5rem; */
    }
    .ybai2-a5::-webkit-scrollbar {
        display: none;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(1) {
        font-size: 0.38rem;
        color: #fcefd8;
    }
    .ybai2-a51 div:nth-child(1)>span:nth-child(2) {
        font-size: 0.24rem;
        margin-top: 0.14rem;
        color: #fcefd8;
    }
    .ybai2-btn1 {
        width: 0.2rem;
        position: absolute;
        top: 4.45rem;
        right: 1.1rem;
        transition: 0.5s;
    }
    .ybai2-btn2 {
        width: 0.2rem;
        position: absolute;
        top: 4.45rem;
        right: 0.4rem;
        transition: 0.5s;
    }
    .ybai2-btn1 div:nth-child(2) {
        width: 100%;
    }
    .ybai2-btn1 div:nth-child(1) {
        display: none;
    }
    .ybai2-btn1 div:nth-child(2) {
        display: block;
    }
    .ybai2-btn2 div:nth-child(1) {
        display: none;
    }
    .ybai2-btn2 div:nth-child(2) {
        display: block;
    }
}


/* 首页 */

@media only screen and (min-width: 1921px) {
    /* 首页一 */
    .idx-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx1 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx2 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 img {
        height: 100%;
        animation: bigger 20s linear infinite;
    }
    @keyframes bigger {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.08);
        }
        100% {
            transform: scale(1);
        }
    }
    .idx2-a1 img:nth-child(2) {
        display: none;
    }
    .idx2-pag {
        width: 100% !important;
        position: absolute;
        bottom: calc(100%*45/925);
        left: auto;
        z-index: 3;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx2-pag .swiper-pagination-bullet {
        background: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: 12px;
        opacity: 1;
        transition: 0.5s;
    }
    .idx2-pag .swiper-pagination-bullet:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        background: #cc974b;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .idx2-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 2px solid #cc974b;
    }
    .idx2-pag .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .idx-a1b {
        width: calc(1560px*120/1560);
        position: absolute;
        right: calc(50% - 1560px/2);
        bottom: calc(100%*55/925);
        z-index: 3;
        animation: rotate2 8s linear infinite;
    }
    @keyframes rotate2 {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .swiall {
        width: 120px;
        height: 120px;
        opacity: 0 !important;
        position: absolute;
        top: auto;
        left: auto;
        right: calc(50% - 1560px/2);
        bottom: calc(100%*55/925);
        z-index: 4;
    }
    .t-a {
        position: fixed;
        right: 50px;
        bottom: 200px;
        z-index: 4;
    }
    .t-a1 {
        margin-bottom: 15px;
    }
    .t-a2 {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        transition: 0.5s;
    }
    .t-a2 div {
        width: 5px;
        height: 5px;
        margin: 0 auto;
        margin-top: calc(25px/2 - 5px/2);
        border-radius: 50%;
        background: #fff;
    }
    .t-a3 {
        width: 25px;
        float: left;
        margin-right: 10px;
        font-size: 16px;
        line-height: 25px;
        font-family: 'rubik';
        opacity: 0;
        transition: 0.5s;
        color: #fff;
    }
    .t-a3 span {
        font-size: 20px;
    }
    .t-a1.on1 .t-a2 {
        background: rgba(255, 255, 255, 0.3);
        transition: 0.5s;
    }
    .t-a1.on1 .t-a3 {
        opacity: 1;
        transition: 0.5s;
    }
    /* 首页二 */
    .idx3-a {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        background: #f2efe8;
    }
    .idx3-a {
        background-image: url(../img/a03.png);
        background-repeat: repeat;
    }
    .idx3-a1 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx3-a2 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }
    .idx3-a1s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2a {
        height: 100%;
        overflow: hidden;
        max-width: 100%;
    }
    .idx3-a2a img {
        min-width: 100%;
        min-height: 925px;
        transition: 0.5s;
    }
    .idx3-a2a img:nth-child(2) {
        display: none;
    }
    .idx3-a2a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx3-a1a {
        height: 100%;
        display: table;
        padding-left: calc((100% - 1540px/2)/2);
    }
    .idx3-a1b {
        display: table-cell;
        vertical-align: middle;
        width: calc(1540px/2);
        height: auto !important;
    }
    .idx3-a1b>div:nth-child(1) {
        height: 102px;
        margin-left: -115px;
    }
    .idx3-a1b>div:nth-child(2) {
        font-size: 48px;
        font-weight: bold;
        line-height: 48px;
    }
    .idx3-a1b>div:nth-child(3) {
        font-size: 44px;
        color: #454545;
        font-weight: lighter;
        margin-top: 35px;
    }
    .idx3-a1b>div:nth-child(4) {
        max-width: calc(1920px*590/1920);
    }
    .idx3-a1b>div:nth-child(4) p,
    .idx3-a1b>div:nth-child(4) {
        font-size: 16px !important;
        color: #454545;
        line-height: 36px;
        margin-top: 45px;
    }
    .idx3-a1c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx3-a1c>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx3-a1c>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx3-a1c:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a3 {
        width: auto;
        height: auto;
        position: absolute;
        left: calc(50% - 50px);
        bottom: 40px;
    }
    .idx3-a3 .idx3-a31 {
        width: max-content;
        font-size: 12px;
        color: #2d1b01;
        font-style: italic;
        margin-bottom: 20px;
        transition: 0.5s;
        line-height: 18px;
        cursor: pointer;
    }
    .idx3-a31.on1 {
        font-size: 18px;
        text-decoration: underline;
        transition: 0.5s;
        font-weight: bold;
    }
    .idx3-a4 {
        width: 71px;
        height: 58px;
        position: absolute;
        bottom: 30px;
        left: calc(50% + 28px);
    }
    /* 首页三 */
    .idx4-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx4-a1 {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx-swi4 {
        width: 100% !important;
        height: 100% !important;
    }
    .idx4-a2 {
        width: 100%;
        height: 100%;
    }
    .idx4-a2 img:nth-child(2) {
        display: none;
    }
    .idx4-a3 {
        width: 100%;
        position: absolute;
        top: 170px;
        left: 0;
        z-index: 3;
    }
    .idx4-a31 div:nth-child(1) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 48px;
        color: #f9efda;
        font-weight: bold;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
    }
    .idx4-a31 div:nth-child(2) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 36px;
        color: #f9efda;
        padding-left: 72px;
        padding-right: 72px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a31 div:nth-child(3) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 36px;
        color: #f9efda;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a4 {
        width: 536px;
        height: 420px;
        margin: 0 auto;
        margin-top: 5px;
        background: rgba(45, 27, 1, 0.8);
        position: relative;
    }
    .idx-swi4a {
        width: calc(100% - 85px*2);
        margin: 0 auto;
    }
    .idx-swi4a-prev {
        width: 47px;
        height: 60px;
        background: url(../t_img/t76.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        left: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .idx-swi4a-next {
        width: 47px;
        height: 60px;
        background: url(../t_img/t77.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        right: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }
    .idx4-a41 p,
    .idx4-a41 {
        width: calc(100% - 85px*2);
        margin: 0 auto;
        font-size: 16px !important;
        color: #f9efda;
        line-height: 30px;
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .idx-a42 {
        width: 100%;
        height: calc(100% - 148px);
        position: relative;
    }
    .idx-swi4a1 {
        width: 100%;
        height: 204px;
    }
    .idx-swi4a1 img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx-swi4a1:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx-swi4a2 {
        width: 100%;
        font-size: 18px;
        color: #f9efda;
        line-height: 18px;
        text-align: center;
        margin-top: 20px;
    }
    /* 首页四 */
    .idx5-a {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #0a3537;
        overflow: hidden;
    }
    .idx5-back {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx5-a1 {
        width: 1440px;
        height: 635px;
        left: calc(50% - 1440px/2);
        top: calc(100%*168/925);
        position: absolute;
    }
    .idx5-a2 {
        width: 100%;
        position: absolute;
        top: calc(100%*250/925);
        left: 0;
        text-align: center;
        z-index: 3;
        transition: 0.5s;
        font-size: 202px;
        line-height: 202px;
        color: rgba(255, 255, 255, 0.7);
        font-family: 'bigcaslon';
    }
    .idx5-a3 {
        width: 156px;
        height: 151px;
        position: absolute;
        top: calc(100%*94/925);
        left: calc(50% - 156px/2);
        z-index: 3;
    }
    .idx5-a1a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx5-a1b {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        background: #f2efe8;
    }
    .idx5-a1c p,
    .idx5-a1c {
        width: calc(100% - 45px*2);
        position: absolute;
        left: 45px;
        bottom: 180px;
        font-size: 16px !important;
        line-height: 36px;
        color: #333;
    }
    .idx5-a1d {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        position: absolute;
        left: 45px;
        bottom: 74px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx5-a1d>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx5-a1d>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx5-a1d:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx5-a1:hover .idx5-a1a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页五 */
    .idx6-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx6-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx6-a2 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    }
    .idx6-a2a {
        width: max-content;
        margin: 0 auto;
    }
    .idx6-a2b {
        width: 100px;
        height: 133px;
        margin-right: 220px;
        float: left;
        position: relative;
    }
    .idx6-a2a .idx6-a2b:last-child {
        margin-right: 0;
    }
    .idx6-a2a .idx6-a2b:last-child .idx6-a2b5 {
        display: none;
    }
    .idx6-a2b1 {
        height: 44px;
        margin: 0 auto;
        position: relative;
    }
    .idx6-a2b1 img {
        margin: 0 auto;
    }
    .idx6-a2b1 img:nth-child(2) {
        display: none;
    }
    .idx6-a2b2 {
        color: #f9efda;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        margin-top: 15px;
        transition: 0.5s;
    }
    .idx4-a2b4 {
        width: 100%;
        height: 27px;
        position: relative;
    }
    .idx6-a2b4 img {
        height: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .idx6-a2b5 {
        width: 238px;
        height: 1px;
        position: absolute;
        left: 100%;
        bottom: 35px;
        opacity: .3;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(1) {
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(2) {
        display: block;
    }
    .idx6-a2b.on1 .idx6-a2b2 {
        color: #cc974b;
        transition: 0.5s;
    }
    .idx6-a2b3 {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 10px;
        background: #837a6f;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b3 {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b4 img {
        height: 27px;
        transition: 0.5s;
    }
    .idx6-all {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        transition: 0.5s;
    }
    .idx6-a3 {
        height: 100% !important;
        position: relative;
        display: table;
        overflow: hidden;
        background: #000;
        float: left;
    }
    .idx6-a32 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .idx6-a32 img:nth-child(2) {
        display: none;
    }
    .idx6-a3 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(0.8);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(0.8);
        transition: 0.5s;
        background: rgba(0, 0, 0, 0.1);
    }
    .idx6-a3.on1 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3.on1 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31>div:nth-child(1) {
        width: 115px;
        margin: 0 auto;
    }
    .idx6-a3 .idx6-a31>div:nth-child(2) {
        font-size: 62px;
        font-weight: bold;
        color: #f9efda;
        text-align: center;
        margin-top: 40px;
    }
    .idx6-a3 .idx6-a31>div:nth-child(3) {
        max-width: calc(1560px*875/1560);
        font-size: 18px;
        color: #fdf7ec;
        text-align: center;
        line-height: 36px;
        margin: 0 auto;
        margin-top: 31px;
    }
    .idx6-a3 .idx6-a31 .idx6-btn {
        width: 180px;
        height: 55px;
        border: 1px solid #f9efda;
        margin: 0 auto;
        margin-top: 40px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(2) {
        font-size: 16px;
        color: #f9efda;
        line-height: 16px;
        position: relative;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(3) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
        position: relative;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(1) {
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #be9855;
        z-index: 0;
        transition: 0.5s;
    }
    .idx6-a5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .idx6-a31 .idx6-btn:hover {
        border: 1px solid #be9855;
        transition: 0.5s;
    }
    .idx6-a31 .idx6-btn:hover div:nth-child(1) {
        width: 100%;
        transition: 0.5s;
    }
    .idx6-all .idx6-a3:nth-child(3) .idx6-a31>div:nth-child(1) {
        width: 115px;
    }
    /* 首页六 */
    .idx7-a {
        width: 100%;
        height: 1010px;
        position: relative;
        overflow: hidden;
    }
    .idx7-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .dix7-a1 img:nth-child(2) {
        display: none;
    }
    .idx7-a2 {
        width: 1560px !important;
        margin: 0 auto;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-top: 200px;
        z-index: 5;
    }
    .idx7-swi {
        width: calc(100% - 90px*2);
        height: 580px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.48);
    }
    .idx7-swi-prev {
        width: 47px;
        height: 60px;
        position: absolute;
        left: 0;
        background: url(../t_img/t76.png);
        background-size: 100% 100%;
    }
    .idx7-swi-next {
        width: 47px;
        height: 60px;
        position: absolute;
        right: 0;
        background: url(../t_img/t77.png);
        background-size: 100% 100%;
    }
    .idx7-a3 {
        width: 100%;
        height: 100%;
    }
    .idx7-a3a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx7-a3a div:nth-child(1) {
        font-size: 32px;
        line-height: 32px;
        color: #eae6de;
        font-weight: bold;
        margin-top: 90px;
        text-align: center;
        opacity: 0;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2) {
        width: 340px;
        margin: 0 auto;
        margin-top: 25px;
        position: relative;
        z-index: 2;
    }
    .idx7-a3a div:nth-child(2) img {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2):hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(2) img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(3) {
        text-align: center;
        font-size: 125px;
        line-height: 125px;
        color: rgba(255, 255, 255, 0.5);
        margin-top: -30px;
        position: relative;
        z-index: 1;
        font-family: 'bigcaslon';
    }
    .idx7-a3a div:nth-child(3) {
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(3) {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-a3b {
        width: 50%;
        float: right;
        height: 100%;
    }
    .idx7-a3b img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx7-a3b:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页七 */
    .idx8-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx8-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx8-a3 img:nth-child(2) {
        display: none;
    }
    .idx8-a1 {
        width: calc(1560px*510/1560);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(1920px/2 - 1560px/2);
        display: table;
    }
    .idx8-a1a {
        width: 100%;
        height: auto;
        display: table-cell;
        vertical-align: middle;
    }
    .idx8-a1a>div:nth-child(1) {
        font-size: 48px;
        font-weight: bold;
        line-height: 48px;
        font-style: italic;
    }
    .idx8-a1a>div:nth-child(2) p,
    .idx8-a1a>div:nth-child(2) {
        font-size: 16px !important;
        line-height: 36px;
        color: #454545;
        margin-top: 35px;
    }
    .idx8-a1a>div:nth-child(3) {
        width: 180px;
        height: 55px;
        background: #c39857;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(2) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
    }
    .idx8-a2 {
        width: calc(424px*3 + 30px*2);
        height: 624px;
        position: absolute;
        top: calc(100%*190/925);
        left: calc(1920px/2 - 155px);
    }
    .idx8-swi {
        width: 100%;
        height: 100%;
    }
    .idx8-a21 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx8-a21a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .idx8-a21a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx8-a21:hover .idx8-a21a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx8-a21b {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21b {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx8-a21b div:nth-child(1) {
        width: 172px;
        margin: 0 auto;
        margin-top: 185px;
    }
    .idx8-a21b div:nth-child(2) {
        width: max-content;
        margin: 0 auto;
        margin-top: 25px;
        font-size: 18px;
        line-height: 54px;
        font-weight: bold;
        color: #f9efda;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #f9efda;
        border-bottom: 1px solid #f9efda;
    }
    /* 首页八 */
    .idx9-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: auto;
        left: 0;
    }
    .idx9-a1 img:nth-child(2) {
        display: none;
    }
    .idx9-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a21 {
        width: 100%;
        text-align: center;
        color: #f9efda;
        padding-top: 225px;
    }
    .idx9-a21 div {
        margin-bottom: 25px;
    }
    .idx9-a21 div:nth-child(1) {
        font-size: 40px;
        line-height: 40px;
    }
    .idx9-a21 div:nth-child(2) {
        font-size: 50px;
        line-height: 50px;
    }
    .idx9-a21 div:nth-child(3) {
        font-size: 72px;
        line-height: 72px;
        font-weight: bold;
    }
    .idx9-a21 div:nth-child(4) {
        font-size: 20px;
        line-height: 20px;
    }
    .idx9-a3 {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(50% + 20px);
    }
    .idx9-a31 {
        width: max-content;
        margin: 0 auto;
    }
    .idx9-a32 {
        width: max-content;
        float: left;
        margin-right: 100px;
    }
    .idx9-a31 .idx9-a32:last-child {
        margin-right: 0;
    }
    .yidx9-a31 {
        width: 100%;
        display: none;
    }
    .idx9-a32 div:nth-child(1) {
        width: 154px;
        height: 154px;
        border: 1px solid #fff;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 28px;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx9-a32 div:nth-child(1) img {
        height: 55px;
    }
    .idx9-a32 div:nth-child(2) {
        font-size: 20px;
        color: #faf4e8;
        text-align: center;
        font-weight: bold;
        margin-bottom: 28px;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(3) {
        line-height: 48px;
        font-size: 48px;
        color: #faf4e8;
        font-family: 'Cormorant Garamond';
        transition: 0.5s;
    }
    .idx9-a31 .idx9-a32:nth-child(2) div:nth-child(3) {
        font-size: 16px;
    }
    .idx9-a32:hover div:nth-child(1) {
        border: 1px solid #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(2) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(3) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover>div:nth-child(1) img {
        animation: rotate 0.5s;
    }
    @keyframes rotate {
        0% {
            transform: perspective(0px) rotateY(0deg);
        }
        50% {
            transform: perspective(0px) rotateY(180deg);
        }
        100% {
            transform: perspective(400px) rotateY(360deg);
        }
    }
    .idx9-a4 {
        width: max-content;
        position: absolute;
        left: calc(50% - 1560px/2);
        bottom: 40px;
    }
    .idx9-a5 {
        width: 51px;
        height: 51px;
        float: left;
        margin-right: 14px;
        position: relative;
    }
    .idx9-a51 {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #f4e8d6;
        transition: 0.5s;
        border-radius: 50%;
    }
    .idx9-a51 img {
        height: 25px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .idx9-a51 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a51 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 {
        border: 1px solid #c39857;
        transition: 0.5s;
    }
    .idx9-a52 {
        width: 130px;
        height: 130px;
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0;
    }
    .idx9-a53 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a53 img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx9-a5:hover .idx9-a53 img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx9-a6 {
        width: max-content;
        position: absolute;
        font-size: 14px;
        line-height: 14px;
        color: rgba(255, 255, 255, 0.4);
        bottom: 46px;
        right: calc(50% - 100px);
        white-space: nowrap;
    }
    .idx9-a6 br {
        display: none;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    /* 首页一 */
    .idx-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx1 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx2 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 {
        width: 1920px;
        height: 100%;
        margin-left: calc(50% - 1920px/2);
    }
    .idx2-a1 img {
        height: 100%;
        animation: bigger 20s linear infinite;
    }
    @keyframes bigger {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.08);
        }
        100% {
            transform: scale(1);
        }
    }
    .idx2-a1 img:nth-child(2) {
        display: none;
    }
    .idx2-pag {
        width: 100% !important;
        position: absolute;
        bottom: calc(100%*45/925);
        left: auto;
        z-index: 3;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx2-pag .swiper-pagination-bullet {
        background: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: 12px;
        opacity: 1;
        transition: 0.5s;
    }
    .idx2-pag .swiper-pagination-bullet:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        background: #cc974b;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .idx2-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 2px solid #cc974b;
    }
    .idx2-pag .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .idx-a1b {
        width: calc(1560px*120/1560);
        position: absolute;
        right: calc(50% - 1560px/2);
        bottom: calc(100%*55/925);
        z-index: 3;
        animation: rotate2 5s linear infinite;
    }
    @keyframes rotate2 {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .swiall {
        width: 120px;
        height: 120px;
        opacity: 0 !important;
        position: absolute;
        top: auto;
        left: auto;
        right: calc(50% - 1560px/2);
        bottom: calc(100%*55/925);
        z-index: 4;
    }
    .t-a {
        position: fixed;
        right: 50px;
        bottom: 200px;
        z-index: 4;
    }
    .t-a1 {
        margin-bottom: 15px;
    }
    .t-a2 {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        transition: 0.5s;
    }
    .t-a2 div {
        width: 5px;
        height: 5px;
        margin: 0 auto;
        margin-top: calc(25px/2 - 5px/2);
        border-radius: 50%;
        background: #fff;
    }
    .t-a3 {
        width: 25px;
        float: left;
        margin-right: 10px;
        font-size: 16px;
        line-height: 25px;
        font-family: 'rubik';
        opacity: 0;
        transition: 0.5s;
        color: #fff;
    }
    .t-a3 span {
        font-size: 20px;
    }
    .t-a1.on1 .t-a2 {
        background: rgba(255, 255, 255, 0.3);
        transition: 0.5s;
    }
    .t-a1.on1 .t-a3 {
        opacity: 1;
        transition: 0.5s;
    }
    /* 首页二 */
    .idx3-a {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        background: #f2efe8;
    }
    .idx3-a {
        background-image: url(../img/a03.png);
        background-repeat: repeat;
    }
    .idx3-a1 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx3-a2 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }
    .idx3-a1s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2a {
        height: 100%;
        overflow: hidden;
        max-width: 100%;
    }
    .idx3-a2a img {
        min-width: 100%;
        min-height: 925px;
        transition: 0.5s;
    }
    .idx3-a2a img:nth-child(2) {
        display: none;
    }
    .idx3-a2a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx3-a1a {
        height: 100%;
        display: table;
        padding-left: calc((100% - 1540px/2)/2);
    }
    .idx3-a1b {
        display: table-cell;
        vertical-align: middle;
        width: calc(1540px/2);
        height: auto !important;
    }
    .idx3-a1b>div:nth-child(1) {
        height: 102px;
        margin-left: -115px;
    }
    .idx3-a1b>div:nth-child(2) {
        font-size: 48px;
        font-weight: bold;
        line-height: 48px;
    }
    .idx3-a1b>div:nth-child(3) {
        font-size: 44px;
        color: #454545;
        font-weight: lighter;
        margin-top: 35px;
    }
    .idx3-a1b>div:nth-child(4) {
        max-width: calc(1560px*590/1560);
    }
    .idx3-a1b>div:nth-child(4) p,
    .idx3-a1b>div:nth-child(4) {
        font-size: 16px !important;
        color: #454545;
        line-height: 36px;
        margin-top: 45px;
    }
    .idx3-a1c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx3-a1c>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx3-a1c:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a3 {
        width: auto;
        height: auto;
        position: absolute;
        left: calc(50% - 50px);
        bottom: 40px;
    }
    .idx3-a3 .idx3-a31 {
        width: max-content;
        font-size: 12px;
        color: #2d1b01;
        font-style: italic;
        margin-bottom: 20px;
        transition: 0.5s;
        line-height: 18px;
        cursor: pointer;
    }
    .idx3-a31.on1 {
        font-size: 18px;
        text-decoration: underline;
        transition: 0.5s;
        font-weight: bold;
    }
    .idx3-a4 {
        width: 71px;
        height: 58px;
        position: absolute;
        bottom: 30px;
        left: calc(50% + 28px);
    }
    /* 首页三 */
    .idx4-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx4-a1 {
        width: 1920px;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx-swi4 {
        width: 100% !important;
        height: 100% !important;
    }
    .idx4-a2 {
        width: 100%;
        height: 100%;
    }
    .idx4-a2 img:nth-child(2) {
        display: none;
    }
    .idx4-a3 {
        width: 100%;
        position: absolute;
        top: 170px;
        left: 0;
        z-index: 3;
    }
    .idx4-a31 div:nth-child(1) {
        width: max-content;
        background: #2a1c05;
        line-height: 65px;
        font-size: 48px;
        color: #f9efda;
        font-weight: bold;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
    }
    .idx4-a31 div:nth-child(2) {
        width: max-content;
        background: #2a1c05;
        line-height: 65px;
        font-size: 36px;
        color: #f9efda;
        padding-left: 72px;
        padding-right: 72px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a31 div:nth-child(3) {
        width: max-content;
        background: #2a1c05;
        line-height: 65px;
        font-size: 36px;
        color: #f9efda;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a4 {
        width: 536px;
        height: 420px;
        margin: 0 auto;
        margin-top: 5px;
        background: rgba(45, 27, 1, 0.8);
        position: relative;
    }
    .idx-swi4a {
        width: calc(100% - 85px*2);
        margin: 0 auto;
    }
    .idx-swi4a-prev {
        width: 47px;
        height: 60px;
        background: url(../t_img/t76.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        left: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .idx-swi4a-next {
        width: 47px;
        height: 60px;
        background: url(../t_img/t77.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        right: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }
    .idx4-a41 p,
    .idx4-a41 {
        width: calc(100% - 85px*2);
        margin: 0 auto;
        font-size: 16px !important;
        color: #f9efda;
        line-height: 30px;
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .idx-a42 {
        width: 100%;
        height: calc(100% - 148px);
        position: relative;
    }
    .idx-swi4a1 {
        width: 100%;
        height: 204px;
    }
    .idx-swi4a1 img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx-swi4a1:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx-swi4a2 {
        width: 100%;
        font-size: 18px;
        color: #f9efda;
        line-height: 18px;
        text-align: center;
        margin-top: 20px;
    }
    /* 首页四 */
    .idx5-a {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #0a3537;
        overflow: hidden;
    }
    .idx5-back {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx5-a1 {
        width: 1440px;
        height: 635px;
        left: calc(50% - 1440px/2);
        top: calc(100%*168/925);
        position: absolute;
    }
    .idx5-a2 {
        width: 100%;
        position: absolute;
        top: calc(100%*250/925);
        left: 0;
        text-align: center;
        z-index: 3;
        transition: 0.5s;
        font-size: 195px;
        line-height: 195px;
        color: rgba(255, 255, 255, 0.7);
        font-family: 'bigcaslon';
    }
    .idx5-a3 {
        width: 156px;
        height: 151px;
        position: absolute;
        top: calc(100%*94/925);
        left: calc(50% - 156px/2);
        z-index: 3;
    }
    .idx5-a1a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx5-a1b {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        background: #f2efe8;
    }
    .idx5-a1c p,
    .idx5-a1c {
        width: calc(100% - 45px*2);
        position: absolute;
        left: 45px;
        bottom: 180px;
        font-size: 16px !important;
        line-height: 36px;
        color: #333;
    }
    .idx5-a1d {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        position: absolute;
        left: 45px;
        bottom: 74px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx5-a1d>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx5-a1d>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx5-a1d:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx5-a1:hover .idx5-a1a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页五 */
    .idx6-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx6-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx6-a2 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    }
    .idx6-a2a {
        width: max-content;
        margin: 0 auto;
    }
    .idx6-a2b {
        width: 100px;
        height: 133px;
        margin-right: 220px;
        float: left;
        position: relative;
    }
    .idx6-a2a .idx6-a2b:last-child {
        margin-right: 0;
    }
    .idx6-a2a .idx6-a2b:last-child .idx6-a2b5 {
        display: none;
    }
    .idx6-a2b1 {
        height: 44px;
        margin: 0 auto;
        position: relative;
    }
    .idx6-a2b1 img {
        margin: 0 auto;
    }
    .idx6-a2b1 img:nth-child(2) {
        display: none;
    }
    .idx6-a2b2 {
        color: #f9efda;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        margin-top: 15px;
        transition: 0.5s;
    }
    .idx4-a2b4 {
        width: 100%;
        height: 27px;
        position: relative;
    }
    .idx6-a2b4 img {
        height: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .idx6-a2b5 {
        width: 238px;
        height: 1px;
        position: absolute;
        left: 100%;
        bottom: 35px;
        opacity: .3;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(1) {
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(2) {
        display: block;
    }
    .idx6-a2b.on1 .idx6-a2b2 {
        color: #c39857;
        transition: 0.5s;
    }
    .idx6-a2b3 {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 10px;
        background: #837a6f;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b3 {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b4 img {
        height: 27px;
        transition: 0.5s;
    }
    .idx6-all {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        transition: 0.5s;
    }
    .idx6-a3 {
        height: 100%;
        position: relative;
        display: table;
        overflow: hidden;
        background: #000;
        float: left;
    }
    .idx6-a32 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .idx6-a32 img:nth-child(2) {
        display: none;
    }
    .idx6-a32 img {
        width: 1920px;
        height: 100%;
        margin-left: calc((100% - 1920px)/2);
    }
    .idx6-a3 .idx6-a32 img {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(0.8);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(0.8);
        transition: 0.5s;
        background: rgba(0, 0, 0, 0.1);
    }
    .idx6-a3.on1 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3.on1 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a31>div:nth-child(1) {
        width: 115px;
        margin: 0 auto;
    }
    .idx6-a31>div:nth-child(2) {
        font-size: 62px;
        font-weight: bold;
        color: #f9efda;
        text-align: center;
        margin-top: 40px;
    }
    .idx6-a31>div:nth-child(3) {
        max-width: calc(1560px*875/1560);
        font-size: 18px;
        color: #fdf7ec;
        text-align: center;
        line-height: 36px;
        margin: 0 auto;
        margin-top: 31px;
    }
    .idx6-a31 .idx6-btn {
        width: 180px;
        height: 55px;
        border: 1px solid #f9efda;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
        transition: 0.5s;
    }
    .idx6-a31 .idx6-btn div:nth-child(2) {
        font-size: 16px;
        color: #f9efda;
        line-height: 16px;
        position: relative;
    }
    .idx6-a31 .idx6-btn div:nth-child(3) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
        position: relative;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(1) {
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #be9855;
        z-index: 0;
        transition: 0.5s;
    }
    .idx6-a5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .idx6-a31 .idx6-btn:hover {
        border: 1px solid #be9855;
        transition: 0.5s;
    }
    .idx6-a31 .idx6-btn:hover div:nth-child(1) {
        width: 100%;
        transition: 0.5s;
    }
    .idx6-all .idx6-a3:nth-child(3) .idx6-a31>div:nth-child(1) {
        width: 115px;
    }
    /* 首页六 */
    .idx7-a {
        width: 100%;
        height: 1010px;
        position: relative;
        overflow: hidden;
    }
    .idx7-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .dix7-a1 img:nth-child(2) {
        display: none;
    }
    .idx7-a2 {
        width: 1560px !important;
        margin: 0 auto;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-top: 200px;
        z-index: 5;
    }
    .idx7-swi {
        width: calc(100% - 90px*2);
        height: 580px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.48);
    }
    .idx7-swi-prev {
        width: 47px;
        height: 60px;
        position: absolute;
        left: 0;
        background: url(../t_img/t76.png);
        background-size: 100% 100%;
    }
    .idx7-swi-next {
        width: 47px;
        height: 60px;
        position: absolute;
        right: 0;
        background: url(../t_img/t77.png);
        background-size: 100% 100%;
    }
    .idx7-a3 {
        width: 100%;
        height: 100%;
    }
    .idx7-a3a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx7-a3a div:nth-child(1) {
        font-size: 32px;
        line-height: 32px;
        color: #eae6de;
        font-weight: bold;
        margin-top: 90px;
        text-align: center;
        opacity: 0;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2) {
        width: 340px;
        margin: 0 auto;
        margin-top: 25px;
        position: relative;
        z-index: 2;
    }
    .idx7-a3a div:nth-child(2) img {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2):hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(2) img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(3) {
        text-align: center;
        font-size: 125px;
        line-height: 125px;
        color: rgba(255, 255, 255, 0.5);
        margin-top: -30px;
        position: relative;
        z-index: 1;
        font-family: 'bigcaslon';
    }
    .idx7-a3a div:nth-child(3) {
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(3) {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-a3b {
        width: 50%;
        float: right;
        height: 100%;
    }
    .idx7-a3b img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx7-a3b:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页七 */
    .idx8-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx8-a3 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx8-a3 img:nth-child(2) {
        display: none;
    }
    .idx8-a1 {
        width: calc(1560px*510/1560);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(1920px/2 - 1560px/2);
        display: table;
    }
    .idx8-a1a {
        width: 100%;
        height: auto;
        display: table-cell;
        vertical-align: middle;
    }
    .idx8-a1a>div:nth-child(1) {
        font-size: 48px;
        font-weight: bold;
        line-height: 48px;
        font-style: italic;
    }
    .idx8-a1a>div:nth-child(2) p,
    .idx8-a1a>div:nth-child(2) {
        font-size: 16px !important;
        line-height: 36px;
        color: #454545;
        margin-top: 35px;
    }
    .idx8-a1a>div:nth-child(3) {
        width: 180px;
        height: 55px;
        background: #c39857;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(2) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
    }
    .idx8-a2 {
        width: calc(424px*3 + 30px*2);
        height: 624px;
        position: absolute;
        top: calc(100%*190/925);
        left: calc(1920px/2 - 155px);
    }
    .idx8-swi {
        width: 100%;
        height: 100%;
    }
    .idx8-a21 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx8-a21a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .idx8-a21a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx8-a21:hover .idx8-a21a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx8-a21b {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21b {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx8-a21b div:nth-child(1) {
        width: 172px;
        margin: 0 auto;
        margin-top: 185px;
    }
    .idx8-a21b div:nth-child(2) {
        width: max-content;
        margin: 0 auto;
        margin-top: 25px;
        font-size: 18px;
        line-height: 54px;
        font-weight: bold;
        color: #f9efda;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #f9efda;
        border-bottom: 1px solid #f9efda;
    }
    /* 首页八 */
    .idx9-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        top: auto;
        left: calc(50% - 1920px/2);
    }
    .idx9-a1 img:nth-child(2) {
        display: none;
    }
    .idx9-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a21 {
        width: 100%;
        text-align: center;
        color: #f9efda;
        padding-top: 225px;
    }
    .idx9-a21 div {
        margin-bottom: 25px;
    }
    .idx9-a21 div:nth-child(1) {
        font-size: 40px;
        line-height: 40px;
    }
    .idx9-a21 div:nth-child(2) {
        font-size: 50px;
        line-height: 50px;
    }
    .idx9-a21 div:nth-child(3) {
        font-size: 72px;
        line-height: 72px;
        font-weight: bold;
    }
    .idx9-a21 div:nth-child(4) {
        font-size: 20px;
        line-height: 20px;
    }
    .idx9-a3 {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(50% + 20px);
    }
    .idx9-a31 {
        width: max-content;
        margin: 0 auto;
    }
    .idx9-a32 {
        width: max-content;
        float: left;
        margin-right: 100px;
    }
    .idx9-a31 .idx9-a32:last-child {
        margin-right: 0;
    }
    .yidx9-a31 {
        width: 100%;
        display: none;
    }
    .idx9-a32 div:nth-child(1) {
        width: 154px;
        height: 154px;
        border: 1px solid #fff;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 28px;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx9-a32 div:nth-child(1) img {
        height: 55px;
    }
    .idx9-a32 div:nth-child(2) {
        font-size: 20px;
        color: #faf4e8;
        text-align: center;
        font-weight: bold;
        margin-bottom: 28px;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(3) {
        line-height: 48px;
        font-size: 48px;
        color: #faf4e8;
        font-family: 'Cormorant Garamond';
        transition: 0.5s;
    }
    .idx9-a31 .idx9-a32:nth-child(2) div:nth-child(3) {
        font-size: 16px;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(1) {
        border: 1px solid #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(2) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(3) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover>div:nth-child(1) img {
        animation: rotate 0.5s;
    }
    @keyframes rotate {
        0% {
            transform: perspective(0px) rotateY(0deg);
        }
        50% {
            transform: perspective(0px) rotateY(180deg);
        }
        100% {
            transform: perspective(400px) rotateY(360deg);
        }
    }
    .idx9-a4 {
        width: max-content;
        position: absolute;
        left: calc(50% - 1560px/2);
        bottom: 40px;
    }
    .idx9-a5 {
        width: 51px;
        height: 51px;
        float: left;
        margin-right: 14px;
        position: relative;
    }
    .idx9-a51 {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 50%;
        border: 1px solid #f4e8d6;
        transition: 0.5s;
    }
    .idx9-a51 img {
        height: 25px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .idx9-a51 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a51 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 {
        border: 1px solid #c39857;
        transition: 0.5s;
    }
    .idx9-a52 {
        width: 130px;
        height: 130px;
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0;
    }
    .idx9-a53 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a53 img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx9-a5:hover .idx9-a53 img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx9-a6 {
        width: max-content;
        position: absolute;
        font-size: 14px;
        line-height: 14px;
        color: rgba(255, 255, 255, 0.4);
        bottom: 46px;
        right: calc(50% - 100px);
        white-space: nowrap;
    }
    .idx9-a6 br {
        display: none;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    /* 首页一 */
    .idx-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx1 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx2 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 img:nth-child(2) {
        display: none;
    }
    .idx2-a1 img {
        height: 100%;
        animation: bigger 20s linear infinite;
    }
    @keyframes bigger {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.08);
        }
        100% {
            transform: scale(1);
        }
    }
    .idx2-pag {
        width: 100%!important;
        position: absolute;
        bottom: calc(100%*45/925);
        left: 0;
        z-index: 3;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx2-pag .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .idx2-pag .swiper-pagination-bullet {
        background: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: 12px;
        opacity: 1;
        transition: 0.5s;
    }
    .idx2-pag .swiper-pagination-bullet:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        background: #cc974b;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .idx2-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 2px solid #cc974b;
    }
    .idx-a1b {
        width: calc(1360px*120/1560);
        position: absolute;
        right: calc(50% - 1360px/2);
        bottom: calc(100%*55/925);
        z-index: 3;
        animation: rotate2 8s linear infinite;
    }
    @keyframes rotate2 {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .swiall {
        width: calc(1360px*120/1560);
        height: calc(1360px*120/1560);
        opacity: 0 !important;
        position: absolute;
        top: auto;
        left: auto;
        right: calc(50% - 1360px/2);
        bottom: calc(100%*55/925);
        z-index: 4;
    }
    .t-a {
        position: absolute;
        right: 50px;
        bottom: 300px;
    }
    .t-a1 {
        margin-bottom: 15px;
    }
    .t-a2 {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        transition: 0.5s;
    }
    .t-a2 div {
        width: 5px;
        height: 5px;
        margin: 0 auto;
        margin-top: calc(25px/2 - 5px/2);
        border-radius: 50%;
        background: #fff;
    }
    .t-a3 {
        width: 25px;
        float: left;
        margin-right: 10px;
        font-size: 16px;
        line-height: 25px;
        font-family: 'rubik';
        opacity: 0;
        transition: 0.5s;
        color: #fff;
    }
    .t-a3 span {
        font-size: 20px;
    }
    .t-a1.on1 .t-a2 {
        background: rgba(255, 255, 255, 0.3);
        transition: 0.5s;
    }
    /* 首页二 */
    .idx3-a {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        background: #f2efe8;
    }
    .idx3-a {
        background-image: url(../img/a03.png);
        background-repeat: repeat;
    }
    .idx3-a1 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx3-a2 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }
    .idx3-a1s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2a {
        height: 100%;
        overflow: hidden;
        max-width: 100%;
    }
    .idx3-a2a img {
        min-width: 100%;
        min-height: 925px;
        transition: 0.5s;
    }
    .idx3-a2a img:nth-child(2) {
        display: none;
    }
    .idx3-a2a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx3-a1a {
        height: 100%;
        display: table;
        padding-left: calc((100% - 1360px/2)/2);
    }
    .idx3-a1b {
        display: table-cell;
        vertical-align: middle;
        width: calc(1360px/2);
        height: auto !important;
    }
    .idx3-a1b>div:nth-child(1) {
        height: calc(1360px*102/1540);
        margin-left: calc(1360px*-130/1540);
    }
    .idx3-a1b>div:nth-child(2) {
        font-size: 44px;
        font-weight: bold;
        line-height: 44px;
    }
    .idx3-a1b>div:nth-child(3) {
        font-size: 40px;
        color: #454545;
        font-weight: lighter;
        margin-top: 30px;
    }
    .idx3-a1b>div:nth-child(4) {
        max-width: calc(1360px*590/1560);
    }
    .idx3-a1b>div:nth-child(4) p,
    .idx3-a1b>div:nth-child(4) {
        font-size: 14px !important;
        color: #454545;
        line-height: 32px;
        margin-top: 40px;
    }
    .idx3-a1c {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx3-a1c>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx3-a1c>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx3-a1c:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a3 {
        width: auto;
        height: auto;
        position: absolute;
        left: calc(50% - 50px);
        bottom: 40px;
    }
    .idx3-a3 .idx3-a31 {
        width: max-content;
        font-size: 12px;
        color: #2d1b01;
        font-style: italic;
        margin-bottom: 20px;
        transition: 0.5s;
        line-height: 18px;
        cursor: pointer;
    }
    .idx3-a31.on1 {
        font-size: 18px;
        text-decoration: underline;
        transition: 0.5s;
        font-weight: bold;
    }
    .idx3-a4 {
        width: 71px;
        height: 58px;
        position: absolute;
        bottom: 30px;
        left: calc(50% + 28px);
    }
    /* 首页三 */
    .idx4-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx4-a1 {
        width: 1920px;
        height: 100%;
        left: calc(50% - 1920px/2);
        top: 0;
        z-index: 2;
    }
    .idx-swi4 {
        width: 100% !important;
        height: 100% !important;
    }
    .idx4-a2 {
        width: 100%;
        height: 100%;
    }
    .idx4-a2 img:nth-child(2) {
        display: none;
    }
    .idx4-a3 {
        width: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
        z-index: 3;
    }
    .idx4-a31 div:nth-child(1) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 44px;
        color: #f9efda;
        font-weight: bold;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
    }
    .idx4-a31 div:nth-child(2) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 32px;
        color: #f9efda;
        padding-left: 72px;
        padding-right: 72px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a31 div:nth-child(3) {
        width: max-content;
        background: #2d1b01;
        line-height: 65px;
        font-size: 32px;
        color: #f9efda;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a4 {
        width: 536px;
        height: 420px;
        margin: 0 auto;
        margin-top: 5px;
        background: rgba(45, 27, 1, 0.8);
        position: relative;
    }
    .idx-swi4a {
        width: calc(100% - 85px*2);
        margin: 0 auto;
    }
    .idx-swi4a-prev {
        width: 47px;
        height: 60px;
        background: url(../t_img/t76.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        left: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .idx-swi4a-next {
        width: 47px;
        height: 60px;
        background: url(../t_img/t77.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        right: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }
    .idx4-a41 p,
    .idx4-a41 {
        width: calc(100% - 85px*2);
        margin: 0 auto;
        font-size: 14px !important;
        color: #f9efda;
        line-height: 28px;
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .idx-a42 {
        width: 100%;
        height: calc(100% - 148px);
        position: relative;
    }
    .idx-swi4a1 {
        width: 100%;
        height: 204px;
    }
    .idx-swi4a1 img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx-swi4a1:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx-swi4a2 {
        width: 100%;
        font-size: 16px;
        color: #f9efda;
        line-height: 16px;
        text-align: center;
        margin-top: 20px;
    }
    /* 首页四 */
    .idx5-a {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #0a3537;
        overflow: hidden;
    }
    .idx5-back {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx5-a1 {
        width: 1280px;
        height: calc(1360px*635/1540);
        left: calc(50% - 1280px/2);
        top: calc(100%*168/925);
        position: absolute;
    }
    .idx5-a2 {
        width: 100%;
        position: absolute;
        top: calc(100%*250/925);
        left: 0;
        z-index: 3;
        text-align: center;
        transition: 0.5s;
        font-size: calc(1360px*195/1560);
        line-height: calc(1360px*195/1560);
        color: rgba(255, 255, 255, 0.7);
        font-family: 'bigcaslon';
    }
    .idx5-a3 {
        width: calc(1360px*156/1540);
        position: absolute;
        top: calc(100%*94/925);
        left: calc(50% - (1360px*156/1540)/2);
        z-index: 3;
    }
    .idx5-a1a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx5-a1b {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        background: #f2efe8;
    }
    .idx5-a1c p,
    .idx5-a1c {
        width: calc(100% - 45px*2);
        position: absolute;
        left: 45px;
        bottom: 180px;
        font-size: 14px !important;
        line-height: 32px;
        color: #333;
    }
    .idx5-a1d {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        position: absolute;
        left: 45px;
        bottom: 74px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx5-a1d>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx5-a1d>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx5-a1d:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx5-a1:hover .idx5-a1a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页五 */
    .idx6-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx6-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx6-a2 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    }
    .idx6-a2a {
        width: max-content;
        margin: 0 auto;
    }
    .idx6-a2b {
        width: 100px;
        height: 133px;
        margin-right: calc(1360px*220/1540);
        float: left;
        position: relative;
    }
    .idx6-a2a .idx6-a2b:last-child {
        margin-right: 0;
    }
    .idx6-a2a .idx6-a2b:last-child .idx6-a2b5 {
        display: none;
    }
    .idx6-a2b1 {
        height: 44px;
        margin: 0 auto;
        position: relative;
    }
    .idx6-a2b1 img {
        margin: 0 auto;
    }
    .idx6-a2b1 img:nth-child(2) {
        display: none;
    }
    .idx6-a2b2 {
        color: #f9efda;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        margin-top: 15px;
        transition: 0.5s;
    }
    .idx4-a2b4 {
        width: 100%;
        height: 27px;
        position: relative;
    }
    .idx6-a2b4 img {
        height: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .idx6-a2b5 {
        width: calc(1360px*238/1540);
        height: 1px;
        position: absolute;
        left: 100%;
        bottom: 35px;
        opacity: .3;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(1) {
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(2) {
        display: block;
    }
    .idx6-a2b.on1 .idx6-a2b2 {
        color: #c39857;
        transition: 0.5s;
    }
    .idx6-a2b3 {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 10px;
        background: #837a6f;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b3 {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b4 img {
        height: 27px;
        transition: 0.5s;
    }
    .idx6-all {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        transition: 0.5s;
    }
    .idx6-a3 {
        height: 100%;
        position: relative;
        display: table;
        overflow: hidden;
        background: #000;
        float: left;
    }
    .idx6-a32 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .idx6-a32 img:nth-child(2) {
        display: none;
    }
    .idx6-a32 img {
        width: 1920px;
        height: 100%;
        margin-left: calc((100% - 1920px)/2);
    }
    .idx6-a3 .idx6-a32 img {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(0.8);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(0.8);
        transition: 0.5s;
        background: rgba(0, 0, 0, 0.1);
    }
    .idx6-a3.on1 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3.on1 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a31>div:nth-child(1) {
        width: calc(1360px*115/1540);
        margin: 0 auto;
    }
    .idx6-a31>div:nth-child(2) {
        font-size: 56px;
        font-weight: bold;
        color: #f9efda;
        text-align: center;
        margin-top: 30px;
    }
    .idx6-a31>div:nth-child(3) p,
    .idx6-a31>div:nth-child(3) {
        max-width: calc(1360px*875/1560);
        ;
        font-size: 16px !important;
        color: #fdf7ec;
        text-align: center;
        line-height: 32px;
        margin: 0 auto;
        margin-top: 22px;
    }
    .idx6-a31 .idx6-btn {
        width: 180px;
        height: 55px;
        border: 1px solid #f9efda;
        margin: 0 auto;
        margin-top: 30px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx6-a31 .idx6-btn div:nth-child(2) {
        font-size: 16px;
        color: #f9efda;
        line-height: 16px;
        position: relative;
    }
    .idx6-a31 .idx6-btn div:nth-child(3) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
        position: relative;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(1) {
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        background: #be9855;
        transition: 0.5s;
    }
    .idx6-a5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .idx6-a31 .idx6-btn:hover {
        border: 1px solid #be9855;
        transition: 0.5s;
    }
    .idx6-a31 .idx6-btn:hover div:nth-child(1) {
        width: 100%;
        transition: 0.5s;
    }
    .idx6-all .idx6-a3:nth-child(3) .idx6-a31>div:nth-child(1) {
        width: 115px;
    }
    /* 首页六 */
    .idx7-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx7-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1920px/2);
        top: 0;
    }
    .dix7-a1 img:nth-child(2) {
        display: none;
    }
    .idx7-a2 {
        width: 1360px !important;
        margin: 0 auto;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-top: 200px;
        z-index: 5;
    }
    .idx7-swi {
        width: calc(100% - 90px*2);
        height: calc(1360px*580/1540);
        overflow: hidden;
        background: rgba(255, 255, 255, 0.48);
    }
    .idx7-swi-prev {
        width: 47px;
        height: 60px;
        position: absolute;
        left: 0;
        background: url(../t_img/t76.png);
        background-size: 100% 100%;
    }
    .idx7-swi-next {
        width: 47px;
        height: 60px;
        position: absolute;
        right: 0;
        background: url(../t_img/t77.png);
        background-size: 100% 100%;
    }
    .idx7-a3 {
        width: 100%;
        height: 100%;
    }
    .idx7-a3a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx7-a3a div:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        color: #eae6de;
        font-weight: bold;
        margin-top: calc(1360px*90/1540);
        text-align: center;
        opacity: 0;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2) {
        width: calc(1360px*340/1540);
        margin: 0 auto;
        margin-top: 20px;
        position: relative;
        z-index: 2;
    }
    .idx7-a3a div:nth-child(2) img {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2):hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(2) img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(3) {
        text-align: center;
        font-size: calc(1360px*125/1560);
        line-height: calc(1360px*125/1560);
        color: rgba(255, 255, 255, 0.5);
        margin-top: -30px;
        position: relative;
        z-index: 1;
        font-family: 'bigcaslon';
    }
    .idx7-a3a div:nth-child(3) {
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(3) {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-a3b {
        width: 50%;
        float: right;
        height: 100%;
    }
    .idx7-a3b img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx7-a3b:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页七 */
    .idx8-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx8-a3 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx8-a3 img:nth-child(2) {
        display: none;
    }
    .idx8-a1 {
        width: calc(1360px*510/1560);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 1360px/2);
        display: table;
    }
    .idx8-a1a {
        width: 100%;
        height: auto;
        display: table-cell;
        vertical-align: middle;
    }
    .idx8-a1a>div:nth-child(1) {
        font-size: 44px;
        font-weight: bold;
        line-height: 44px;
        font-style: italic;
    }
    .idx8-a1a>div:nth-child(2) p,
    .idx8-a1a>div:nth-child(2) {
        font-size: 14px !important;
        line-height: 32px;
        color: #454545;
        margin-top: 30px;
    }
    .idx8-a1a>div:nth-child(3) {
        width: 180px;
        height: 55px;
        background: #c39857;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(2) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
    }
    .idx8-a2 {
        width: calc((1360px*424/1540)*3 + 30px*2);
        height: calc(1360px*624/1540);
        position: absolute;
        top: calc(100%*190/925);
        left: calc(50% - 155px);
    }
    .idx8-swi {
        width: 100%;
        height: 100%;
    }
    .idx8-a21 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx8-a21a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .idx8-a21a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx8-a21:hover .idx8-a21a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx8-a21b {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21b {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx8-a21b div:nth-child(1) {
        width: calc(1360px*172/1540);
        margin: 0 auto;
        margin-top: calc(1360px*154/1560);
    }
    .idx8-a21b div:nth-child(2) {
        width: max-content;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 16px;
        line-height: 50px;
        font-weight: bold;
        color: #f9efda;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #fcefd8;
        border-bottom: 1px solid #fcefd8;
    }
    /* 首页八 */
    .idx9-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        top: auto;
        left: calc(50% - 1920px/2);
    }
    .idx9-a1 img:nth-child(2) {
        display: none;
    }
    .idx9-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a21 {
        width: 100%;
        text-align: center;
        color: #f9efda;
        padding-top: calc(1360px*225/1540);
    }
    .idx9-a21 div {
        margin-bottom: 25px;
    }
    .idx9-a21 div:nth-child(1) {
        font-size: 36px;
        line-height: 36px;
    }
    .idx9-a21 div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    .idx9-a21 div:nth-child(3) {
        font-size: 68px;
        line-height: 68px;
        font-weight: bold;
    }
    .idx9-a21 div:nth-child(4) {
        font-size: 16px;
        line-height: 16px;
    }
    .idx9-a3 {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(50% + 20px);
    }
    .idx9-a31 {
        width: max-content;
        margin: 0 auto;
    }
    .yidx9-a31 {
        width: 100%;
        display: none;
    }
    .idx9-a32 {
        width: max-content;
        float: left;
        margin-right: calc(1360px*100/1540);
    }
    .idx9-a31 .idx9-a32:last-child {
        margin-right: 0;
    }
    .idx9-a32 div:nth-child(1) {
        width: calc(1360px*154/1560);
        height: calc(1360px*154/1560);
        border: 1px solid #fff;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(1) img {
        height: calc(1360px*55/1560);
    }
    .idx9-a32 div:nth-child(2) {
        font-size: 18px;
        color: #fbf4e7;
        text-align: center;
        font-weight: bold;
        margin-bottom: 23px;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(3) {
        line-height: 42px;
        font-size: 42px;
        color: #faf4e8;
        font-family: 'Cormorant Garamond';
        transition: 0.5s;
    }
    .idx9-a31 .idx9-a32:nth-child(2) div:nth-child(3) {
        font-size: 16px;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(1) {
        border: 1px solid #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(2) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(3) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover>div:nth-child(1) img {
        animation: rotate 0.5s;
    }
    @keyframes rotate {
        0% {
            transform: perspective(0px) rotateY(0deg);
        }
        50% {
            transform: perspective(0px) rotateY(180deg);
        }
        100% {
            transform: perspective(400px) rotateY(360deg);
        }
    }
    .idx9-a4 {
        width: max-content;
        position: absolute;
        left: calc(50% - 1360px/2);
        bottom: 40px;
    }
    .idx9-a5 {
        width: 51px;
        height: 51px;
        float: left;
        margin-right: 14px;
        position: relative;
    }
    .idx9-a51 {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 50%;
        border: 1px solid #f4ead6;
        transition: 0.5s;
    }
    .idx9-a51 img {
        height: 25px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .idx9-a51 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a51 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 {
        border: 1px solid #c39857;
        transition: 0.5s;
    }
    .idx9-a52 {
        width: 130px;
        height: 130px;
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0;
    }
    .idx9-a53 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a53 img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx9-a5:hover .idx9-a53 img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx9-a6 {
        width: max-content;
        position: absolute;
        font-size: 14px;
        line-height: 14px;
        color: rgba(255, 255, 255, 0.4);
        bottom: 46px;
        left: calc(50% - 1360px/2 + 300px)
    }
    .idx9-a6 br {
        display: none;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    /* 首页一 */
    .idx-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx1 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx2 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 img:nth-child(2) {
        display: none;
    }
    .idx2-a1 img {
        height: 100%;
        animation: bigger 20s linear infinite;
    }
    @keyframes bigger {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.08);
        }
        100% {
            transform: scale(1);
        }
    }
    .idx2-pag {
        width: 100%!important;
        position: absolute;
        bottom: calc(100%*45/925);
        left: 0;
        z-index: 3;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx2-pag .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .idx2-pag .swiper-pagination-bullet {
        background: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: 12px;
        opacity: 1;
        transition: 0.5s;
    }
    .idx2-pag .swiper-pagination-bullet:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        background: #cc974b;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .idx2-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 2px solid #cc974b;
    }
    .idx-a1b {
        width: calc(960px*120/1560);
        position: absolute;
        right: calc(50% - 960px/2);
        bottom: calc(100%*55/925);
        z-index: 3;
        animation: rotate2 8s linear infinite;
    }
    @keyframes rotate2 {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .swiall {
        width: calc(960px*120/1560);
        height: calc(960px*120/1560);
        opacity: 0 !important;
        position: absolute;
        top: auto;
        left: auto;
        right: calc(50% - 960px/2);
        bottom: calc(100%*55/925);
        z-index: 4;
    }
    .t-a {
        position: absolute;
        right: 50px;
        bottom: 300px;
    }
    .t-a1 {
        margin-bottom: 15px;
    }
    .t-a2 {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        transition: 0.5s;
    }
    .t-a2 div {
        width: 5px;
        height: 5px;
        margin: 0 auto;
        margin-top: calc(25px/2 - 5px/2);
        border-radius: 50%;
        background: #fff;
    }
    .t-a3 {
        width: 25px;
        float: left;
        margin-right: 10px;
        font-size: 16px;
        line-height: 25px;
        font-family: 'rubik';
        opacity: 0;
        transition: 0.5s;
        color: #fff;
    }
    .t-a3 span {
        font-size: 20px;
    }
    .t-a1.on1 .t-a2 {
        background: rgba(255, 255, 255, 0.3);
        transition: 0.5s;
    }
    /* 首页二 */
    .idx3-a {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        background: #f2efe8;
    }
    .idx3-a {
        background-image: url(../img/a03.png);
        background-repeat: repeat;
    }
    .idx3-a1 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx3-a2 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }
    .idx3-a1s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2a {
        height: 100%;
        overflow: hidden;
        max-width: 100%;
    }
    .idx3-a2a img {
        min-width: 100%;
        min-height: 925px;
        transition: 0.5s;
    }
    .idx3-a2a img:nth-child(2) {
        display: none;
    }
    .idx3-a2a:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx3-a1a {
        height: 100%;
        display: table;
        padding-left: calc((100% - 960px/2)/2);
    }
    .idx3-a1b {
        display: table-cell;
        vertical-align: middle;
        width: calc(960px/2);
        height: auto !important;
    }
    .idx3-a1b>div:nth-child(1) {
        height: calc(960px*102/1540);
        margin-left: calc(960px*-130/1540);
    }
    .idx3-a1b>div:nth-child(2) {
        font-size: 40px;
        font-weight: bold;
        line-height: 40px;
    }
    .idx3-a1b>div:nth-child(3) {
        font-size: 36px;
        color: #454545;
        font-weight: lighter;
        margin-top: 25px;
    }
    .idx3-a1b>div:nth-child(4) {
        max-width: calc(960px*590/1560);
    }
    .idx3-a1b>div:nth-child(4) p,
    .idx3-a1b>div:nth-child(4) {
        font-size: 12px !important;
        color: #454545;
        line-height: 28px;
        margin-top: 35px;
    }
    .idx3-a1c {
        width: 180px;
        height: 55px;
        background: #cc974b;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(1) {
        font-size: 16px;
        color: #fff;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx3-a1c>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx3-a1c>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx3-a1c:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx3-a1c:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a3 {
        width: auto;
        height: auto;
        position: absolute;
        left: calc(50% - 50px);
        bottom: 40px;
    }
    .idx3-a3 .idx3-a31 {
        width: max-content;
        font-size: 12px;
        color: #2d1b01;
        font-style: italic;
        margin-bottom: 20px;
        transition: 0.5s;
        line-height: 18px;
        cursor: pointer;
    }
    .idx3-a31.on1 {
        font-size: 18px;
        text-decoration: underline;
        transition: 0.5s;
        font-weight: bold;
    }
    .idx3-a4 {
        width: 71px;
        height: 58px;
        position: absolute;
        bottom: 30px;
        left: calc(50% + 28px);
    }
    /* 首页三 */
    .idx4-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx4-a1 {
        width: 1920px;
        height: 100%;
        left: calc(50% - 1920px/2);
        top: 0;
        z-index: 2;
    }
    .idx-swi4 {
        width: 100% !important;
        height: 100% !important;
    }
    .idx4-a2 {
        width: 100%;
        height: 100%;
    }
    .idx4-a2 img:nth-child(2) {
        display: none;
    }
    .idx4-a3 {
        width: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
        z-index: 3;
    }
    .idx4-a31 div:nth-child(1) {
        width: max-content;
        background: #2d1b01;
        line-height: 55px;
        font-size: 40px;
        color: #f9efda;
        font-weight: bold;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
    }
    .idx4-a31 div:nth-child(2) {
        width: max-content;
        background: #2d1b01;
        line-height: 55px;
        font-size: 28px;
        color: #f9efda;
        padding-left: 72px;
        padding-right: 72px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a31 div:nth-child(3) {
        width: max-content;
        background: #2d1b01;
        line-height: 55px;
        font-size: 28px;
        color: #f9efda;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: lighter;
    }
    .idx4-a4 {
        width: 536px;
        height: 420px;
        margin: 0 auto;
        margin-top: 5px;
        background: rgba(45, 27, 1, 0.8);
        position: relative;
    }
    .idx-swi4a {
        width: calc(100% - 85px*2);
        margin: 0 auto;
    }
    .idx-swi4a-prev {
        width: 47px;
        height: 60px;
        background: url(../t_img/t76.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        left: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .idx-swi4a-next {
        width: 47px;
        height: 60px;
        background: url(../t_img/t77.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(204px/2 - 60px/10);
        right: calc(85px/2 - 47px/2);
        opacity: 1;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }
    .idx4-a41 p,
    .idx4-a41 {
        width: calc(100% - 85px*2);
        margin: 0 auto;
        font-size: 12px !important;
        color: #f9efda;
        line-height: 24px;
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .idx-a42 {
        width: 100%;
        height: calc(100% - 148px);
        position: relative;
    }
    .idx-swi4a1 {
        width: 100%;
        height: 204px;
    }
    .idx-swi4a1 img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx-swi4a1:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx-swi4a2 {
        width: 100%;
        font-size: 14px;
        color: #f9efda;
        line-height: 14px;
        text-align: center;
        margin-top: 30px;
    }
    /* 首页四 */
    .idx5-a {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #0a3537;
        overflow: hidden;
    }
    .idx5-back {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx5-a1 {
        width: 840px;
        height: calc(960px*635/1540);
        left: calc(50% - 840px/2);
        top: calc(100%*168/925);
        position: absolute;
    }
    .idx5-a2 {
        width: 100%;
        position: absolute;
        top: calc(100%*250/925);
        left: 0;
        z-index: 3;
        text-align: center;
        transition: 0.5s;
        font-size: calc(960px*202/1560);
        line-height: calc(960px*202/1560);
        color: rgba(255, 255, 255, 0.7);
        font-family: 'bigcaslon';
    }
    .idx5-a3 {
        width: calc(960px*156/1540);
        position: absolute;
        top: calc(100%*94/925);
        left: calc(50% - (960px*156/1540)/2);
        z-index: 3;
    }
    .idx5-a1a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx5-a1b {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        background: #f2efe8;
    }
    .idx5-a1c p,
    .idx5-a1c {
        width: calc(100% - 45px*2);
        position: absolute;
        left: 45px;
        bottom: 180px;
        font-size: 12px !important;
        line-height: 28px;
        color: #333;
    }
    .idx5-a1d {
        width: 180px;
        height: 55px;
        border: 1px solid #cc974b;
        position: absolute;
        left: 45px;
        bottom: 74px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(1) {
        font-size: 16px;
        color: #cc974b;
        line-height: 16px;
        margin-right: 10px;
    }
    .idx5-a1d>div:nth-child(2) {
        width: 21px;
        height: 26px;
        position: relative;
    }
    .idx5-a1d>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1d>div:nth-child(2) img:nth-child(1) {
        opacity: 0;
    }
    .idx5-a1d:hover {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(1) {
        color: #fff;
        transition: 0.5s;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx5-a1d:hover>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx5-a1a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx5-a1:hover .idx5-a1a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页五 */
    .idx6-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx6-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx6-a2 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    }
    .idx6-a2a {
        width: max-content;
        margin: 0 auto;
    }
    .idx6-a2b {
        width: 100px;
        height: 133px;
        margin-right: calc(960px*220/1540);
        float: left;
        position: relative;
    }
    .idx6-a2a .idx6-a2b:last-child {
        margin-right: 0;
    }
    .idx6-a2a .idx6-a2b:last-child .idx6-a2b5 {
        display: none;
    }
    .idx6-a2b1 {
        height: 44px;
        margin: 0 auto;
        position: relative;
    }
    .idx6-a2b1 img {
        margin: 0 auto;
    }
    .idx6-a2b1 img:nth-child(2) {
        display: none;
    }
    .idx6-a2b2 {
        color: #fcefd8;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        margin-top: 15px;
        transition: 0.5s;
    }
    .idx4-a2b4 {
        width: 100%;
        height: 27px;
        position: relative;
    }
    .idx6-a2b4 img {
        height: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .idx6-a2b5 {
        width: calc(960px*238/1540);
        height: 1px;
        position: absolute;
        left: 100%;
        bottom: 35px;
        opacity: .3;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(1) {
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(2) {
        display: block;
    }
    .idx6-a2b.on1 .idx6-a2b2 {
        color: #c39857;
        transition: 0.5s;
    }
    .idx6-a2b3 {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 10px;
        background: #837a6f;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b3 {
        background: #cc974b;
        transition: 0.5s;
    }
    .idx6-a2b.on1 .idx6-a2b4 img {
        height: 27px;
        transition: 0.5s;
    }
    .idx6-all {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        transition: 0.5s;
    }
    .idx6-a3 {
        height: 100%;
        position: relative;
        display: table;
        overflow: hidden;
        background: #2a1c05;
        float: left;
    }
    .idx6-a32 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .idx6-a32 img:nth-child(2) {
        display: none;
    }
    .idx6-a32 img {
        width: 1920px;
        margin-left: calc((100% - 1920px)/2);
    }
    .idx6-a3 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(0.8);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(0.8);
        transition: 0.5s;
        background: rgba(0, 0, 0, 0.1);
    }
    .idx6-a3.on1 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3.on1 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a31>div:nth-child(1) {
        width: calc(960px*115/1540);
        margin: 0 auto;
    }
    .idx6-a31>div:nth-child(2) {
        font-size: 50px;
        font-weight: bold;
        color: #f9efda;
        text-align: center;
        margin-top: 20px;
    }
    .idx6-a31>div:nth-child(3) p,
    .idx6-a31>div:nth-child(3) {
        max-width: calc(960px*875/1560);
        font-size: 14px !important;
        color: #fdf7ec;
        text-align: center;
        line-height: 28px;
        margin: 0 auto;
        margin-top: 13px;
    }
    .idx6-a31 .idx6-btn {
        width: 180px;
        height: 55px;
        border: 1px solid #f9efda;
        margin: 0 auto;
        position: relative;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx6-a31 .idx6-btn div:nth-child(2) {
        font-size: 16px;
        color: #f9efda;
        line-height: 16px;
        position: relative;
    }
    .idx6-a31 .idx6-btn div:nth-child(3) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
        position: relative;
    }
    .idx6-a3 .idx6-a31 .idx6-btn div:nth-child(1) {
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        background: #be9855;
        transition: 0.5s;
    }
    .idx6-a5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .idx6-a31 .idx6-btn:hover {
        border: 1px solid #be9855;
        transition: 0.5s;
    }
    .idx6-a31 .idx6-btn:hover div:nth-child(1) {
        width: 100%;
        transition: 0.5s;
    }
    .idx6-all .idx6-a3:nth-child(3) .idx6-a31>div:nth-child(1) {
        width: 115px;
    }
    /* 首页六 */
    .idx7-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx7-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1920px/2);
        top: 0;
    }
    .dix7-a1 img:nth-child(2) {
        display: none;
    }
    .idx7-a2 {
        width: 960px !important;
        margin: 0 auto;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-top: 200px;
        z-index: 5;
    }
    .idx7-swi {
        width: calc(100% - 90px*2);
        height: calc(960px*580/1540);
        overflow: hidden;
        background: rgba(255, 255, 255, 0.48);
    }
    .idx7-swi-prev {
        width: 47px;
        height: 60px;
        position: absolute;
        left: 0;
        background: url(../t_img/t76.png);
        background-size: 100% 100%;
    }
    .idx7-swi-next {
        width: 47px;
        height: 60px;
        position: absolute;
        right: 0;
        background: url(../t_img/t77.png);
        background-size: 100% 100%;
    }
    .idx7-a3 {
        width: 100%;
        height: 100%;
    }
    .idx7-a3a {
        width: 50%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .idx7-a3a div:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
        color: #eae6de;
        font-weight: bold;
        margin-top: calc(960px*90/1540);
        text-align: center;
        opacity: 0;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2) {
        width: calc(960px*340/1540);
        margin: 0 auto;
        margin-top: 15px;
        position: relative;
        z-index: 2;
    }
    .idx7-a3a div:nth-child(2) img {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2):hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(2) img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(3) {
        text-align: center;
        font-size: calc(960px*125/1560);
        line-height: calc(960px*125/1560);
        color: rgba(255, 255, 255, 0.5);
        margin-top: -15px;
        position: relative;
        z-index: 1;
        font-family: 'bigcaslon';
    }
    .idx7-a3a div:nth-child(3) {
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(3) {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-a3b {
        width: 50%;
        float: right;
        height: 100%;
    }
    .idx7-a3b img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx7-a3b:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    /* 首页七 */
    .idx8-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx8-a3 {
        width: 1920px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx8-a3 img:nth-child(2) {
        display: none;
    }
    .idx8-a1 {
        width: calc(960px*510/1560);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 960px/2);
        display: table;
    }
    .idx8-a1a {
        width: 100%;
        height: auto;
        display: table-cell;
        vertical-align: middle;
    }
    .idx8-a1a>div:nth-child(1) {
        font-size: 40px;
        font-weight: bold;
        line-height: 40px;
        font-style: italic;
    }
    .idx8-a1a>div:nth-child(2) p,
    .idx8-a1a>div:nth-child(2) {
        font-size: 12px !important;
        line-height: 28px;
        color: #454545;
        margin-top: 20px;
    }
    .idx8-a1a>div:nth-child(3) {
        width: 180px;
        height: 55px;
        background: #c39857;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(2) {
        width: 21px;
        height: 26px;
        margin-left: 10px;
    }
    .idx8-a2 {
        width: calc((960px*424/1540)*3 + 30px*2);
        height: calc(960px*624/1540);
        position: absolute;
        top: calc(100%*190/925);
        left: calc(50% - 155px);
    }
    .idx8-swi {
        width: 100%;
        height: 100%;
    }
    .idx8-a21 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx8-a21a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .idx8-a21a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .idx8-a21:hover .idx8-a21a img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .idx8-a21b {
        width: calc(100% - 20px*2);
        height: calc(100% - 20px*2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21b {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx8-a21b div:nth-child(1) {
        width: calc(960px*172/1540);
        margin: 0 auto;
        margin-top: calc(960px*154/1560);
    }
    .idx8-a21b div:nth-child(2) {
        width: max-content;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 16px;
        line-height: 50px;
        font-weight: bold;
        color: #f9efda;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #fcefd8;
        border-bottom: 1px solid #fcefd8;
    }
    /* 首页八 */
    .idx9-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a1 {
        width: 1920px;
        height: 100%;
        position: absolute;
        top: auto;
        left: calc(50% - 1920px/2);
    }
    .idx9-a1 img:nth-child(2) {
        display: none;
    }
    .idx9-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a21 {
        width: 100%;
        text-align: center;
        color: #f9efda;
        padding-top: calc(960px*225/1540);
    }
    .idx9-a21 div {
        margin-bottom: 25px;
    }
    .idx9-a21 div:nth-child(1) {
        font-size: 32px;
        line-height: 32px;
    }
    .idx9-a21 div:nth-child(2) {
        font-size: 42px;
        line-height: 42px;
    }
    .idx9-a21 div:nth-child(3) {
        font-size: 64px;
        line-height: 64px;
        font-weight: bold;
    }
    .idx9-a21 div:nth-child(4) {
        font-size: 14px;
        line-height: 14px;
    }
    .idx9-a3 {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(50% + 20px);
    }
    .idx9-a31 {
        width: max-content;
        margin: 0 auto;
    }
    .yidx9-a31 {
        width: 100%;
        display: none;
    }
    .idx9-a32 {
        width: max-content;
        float: left;
        margin-right: calc(960px*100/1540);
    }
    .idx9-a31 .idx9-a32:last-child {
        margin-right: 0;
    }
    .idx9-a32 div:nth-child(1) {
        width: calc(960px*154/1560);
        height: calc(960px*154/1560);
        border: 1px solid #fff;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(1) img {
        height: calc(960px*55/1560);
    }
    .idx9-a32 div:nth-child(2) {
        font-size: 18px;
        color: #fbf4e7;
        text-align: center;
        font-weight: bold;
        margin-bottom: 23px;
        transition: 0.5s;
    }
    .idx9-a32 div:nth-child(3) {
        line-height: 36px;
        font-size: 36px;
        color: #faf4e8;
        font-family: 'Cormorant Garamond';
        transition: 0.5s;
    }
    .idx9-a31 .idx9-a32:nth-child(2) div:nth-child(3) {
        font-size: 16px;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(1) {
        border: 1px solid #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(2) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover div:nth-child(3) {
        color: #bf9758;
        transition: 0.5s;
    }
    .idx9-a32:hover>div:nth-child(1) img {
        animation: rotate 0.5s;
    }
    @keyframes rotate {
        0% {
            transform: perspective(0px) rotateY(0deg);
        }
        50% {
            transform: perspective(0px) rotateY(180deg);
        }
        100% {
            transform: perspective(400px) rotateY(360deg);
        }
    }
    .idx9-a4 {
        width: max-content;
        position: absolute;
        left: calc(50% - 960px/2);
        bottom: 40px;
    }
    .idx9-a5 {
        width: 51px;
        height: 51px;
        float: left;
        margin-right: 14px;
        position: relative;
    }
    .idx9-a51 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #faecd3;
        position: relative;
        transition: 0.5s;
    }
    .idx9-a51 img {
        height: 25px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .idx9-a51 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a51 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a5:hover>.idx9-a51 {
        border: 1px solid #c39857;
        transition: 0.5s;
    }
    .idx9-a52 {
        width: 130px;
        height: 130px;
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0;
    }
    .idx9-a53 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a53 img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx9-a5:hover .idx9-a53 img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx9-a6 {
        width: max-content;
        position: absolute;
        font-size: 14px;
        line-height: 14px;
        color: rgba(255, 255, 255, 0.4);
        bottom: 46px;
        left: calc(50% - 960px/2 + 300px);
        white-space: nowrap;
    }
    .idx9-a6 br {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    /* 首页一 */
    body,
    html {
        height: 100%;
    }
    .idx-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx1 {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .idx-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .swi-idx2 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 {
        width: 100%;
        height: 100%;
    }
    .idx2-a1 img:nth-child(1) {
        display: none;
    }
    .idx2-a1 img {
        height: 100%;
        animation: bigger 20s linear infinite;
    }
    @keyframes bigger {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.08);
        }
        100% {
            transform: scale(1);
        }
    }
    .idx2-pag {
        width: 100% !important;
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        z-index: 3;
        line-height: 0.18rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx2-pag .swiper-pagination-bullet {
        position: relative;
        width: .58rem;
        height: .58rem;
        border-radius: 50%;
        background: none;
        margin-left: .2rem;
        opacity: 1;
        transition: 0.5s;
        left: 0!important;
    }
    .idx2-pag .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .idx2-pag .swiper-pagination-bullet::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        background: #cc974b;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*width:.1rem;height:.1rem;border-radius:50%;background:#cc974b;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/
    }
    .idx2-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1px solid #cc974b;
    }
    /* .idx2-pag .swiper-pagination-bullet-active{width: 0.18rem;height: 0.18rem;border-radius: 50%;background: #fff;transition: 0.5s;} */
    .idx-a1b {
        width: 1.3rem;
        position: absolute;
        right: 0.4rem;
        bottom: 0.45rem;
        z-index: 3;
        animation: rotate2 8s linear infinite;
    }
    @keyframes rotate2 {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .idx-a1b {
        display: none;
    }
    .idx-a1+.idx-a1b {
        display: block;
    }
    .swiall {
        width: 1.3rem;
        height: 1.3rem;
        opacity: 0 !important;
        position: absolute;
        top: auto;
        left: auto;
        right: 0.4rem;
        bottom: 0.45rem;
        z-index: 4;
    }
    .t-a {
        display: none;
    }
    /* 首页二 */
    .idx3-a {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        background: #f2efe8;
    }
    .idx3-a {
        background-image: url(../img/a03.png);
        background-repeat: repeat;
    }
    .idx3-a1 {
        width: 100%;
        height: 8.34rem;
        overflow: hidden;
        position: relative;
    }
    .idx3-a2 {
        width: 100%;
        height: 5.1rem;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx3-a1s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2s {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a2a {
        height: 100%;
        overflow: hidden;
        max-width: 100%;
    }
    .idx3-a2a img {
        min-width: 100%;
    }
    .idx3-a2a img:nth-child(1) {
        display: none;
    }
    .idx3-a1a {
        height: 100%;
        padding-top: 1.42rem;
    }
    .idx3-a1b {
        width: calc(100% - 0.4rem*2);
        height: 100%;
        margin: 0 auto;
    }
    .idx3-a1b>div:nth-child(1) {
        width: 100%;
        height: 1.02rem;
    }
    .idx3-a1b>div:nth-child(1) img {
        width: 100%;
        height: 100%;
    }
    .idx3-a1b>div:nth-child(2) {
        font-size: 0.5rem;
        font-weight: bold;
        line-height: 0.5rem;
    }
    .idx3-a1b>div:nth-child(3) {
        font-size: 0.46rem;
        color: #454545;
        font-weight: lighter;
        margin-top: 0.4rem;
    }
    .idx3-a1b>div:nth-child(4) p,
    .idx3-a1b>div:nth-child(4) {
        font-size: 0.26rem !important;
        color: #454545;
        line-height: 0.48rem;
        margin-top: 0.4rem;
    }
    .idx3-a1c {
        width: 2.4rem;
        height: 0.72rem;
        background: #c39857;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.4rem;
    }
    .idx3-a1c>div:nth-child(1) {
        font-size: 0.24rem;
        color: #fff;
        line-height: 0.24rem;
        margin-right: 0.1rem;
    }
    .idx3-a1c>div:nth-child(2) {
        width: 0.28rem;
        height: 0.35rem;
        position: relative;
    }
    .idx3-a1c>div:nth-child(2) img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx3-a1c>div:nth-child(2) img:nth-child(2) {
        opacity: 0;
    }
    .idx3-a3 {
        width: auto;
        height: auto;
        position: absolute;
        right: 0.4rem;
        bottom: 5.35rem;
    }
    .idx3-a3 .idx3-a31 {
        width: max-content;
        font-size: 0.28rem;
        color: #2d1b01;
        font-style: italic;
        margin-left: 0.2rem;
        transition: 0.5s;
        cursor: pointer;
        float: left;
        line-height: 0.32rem;
    }
    .idx3-a31.on1 {
        font-size: 0.32rem;
        text-decoration: underline;
        transition: 0.5s;
        line-height: 0.32rem;
        font-weight: bold;
    }
    .idx3-a4 {
        width: 71px;
        height: 58px;
        position: absolute;
        top: calc(50% - 71px/2);
        left: calc(50% + 28px);
        display: none;
    }
    /* 首页三 */
    .idx4-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx4-a1 {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx-swi4 {
        width: 100% !important;
        height: 100% !important;
    }
    .idx4-a2 {
        width: 100%;
        height: 100%;
    }
    .idx4-a2 img:nth-child(1) {
        display: none;
    }
    .idx4-a2 img {
        width: 100%;
        height: 100%;
    }
    .idx4-a3 {
        width: 100%;
        position: absolute;
        top: 2.68rem;
        left: 0;
        z-index: 3;
        text-align: center;
    }
    .idx4-a31 div:nth-child(1) {
        width: 5.1rem;
        background: #2d1b01;
        line-height: 0.8rem;
        font-size: 0.5rem;
        color: #f9efda;
        font-weight: bold;
        margin: 0 auto;
    }
    .idx4-a31 div:nth-child(2) {
        width: calc(100% - 0.4rem*2);
        background: #2d1b01;
        line-height: 0.8rem;
        font-size: 0.44rem;
        color: #f9efda;
        margin: 0 auto;
        margin-top: 0.05rem;
        font-weight: lighter;
    }
    .idx4-a31 div:nth-child(3) {
        width: 3.4rem;
        background: #2d1b01;
        line-height: 0.8rem;
        font-size: 0.4rem;
        color: #f9efda;
        margin: 0 auto;
        margin-top: 0.05rem;
        font-weight: lighter;
    }
    .idx4-a4 {
        width: calc(100% - 0.4rem*2);
        height: 6.6rem;
        margin: 0 auto;
        margin-top: 0.05rem;
        background: rgba(45, 27, 1, 0.8);
        position: relative;
    }
    .idx-swi4a {
        width: 5.05rem;
        margin: 0 auto;
    }
    .idx-swi4a .swiper-slide {
        width: 100%!important;
    }
    .idx-swi4a-prev {
        width: 0.5rem;
        height: 0.64rem;
        background: url(../t_img/t76.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(2.8rem/2);
        left: calc(0.85rem/2 - 0.5rem/2);
        opacity: 1;
    }
    .idx-swi4a-next {
        width: 0.5rem;
        height: 0.64rem;
        background: url(../t_img/t77.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: calc(2.8rem/2);
        right: calc(0.85rem/2 - 0.5rem/2);
        opacity: 1;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }
    .idx4-a41 p,
    .idx4-a41 {
        width: calc(100% - 0.85rem*2);
        margin: 0 auto;
        font-size: 0.26rem !important;
        color: #f9efda;
        line-height: 0.48rem;
        padding-top: 0.55rem;
        padding-bottom: 0.45rem;
    }
    .idx-a42 {
        width: 100%;
        height: 4.2rem;
        position: relative;
    }
    .idx-swi4a1 {
        width: 100%;
        height: 2.8rem;
    }
    .idx-swi4a2 {
        width: 100%;
        font-size: 0.26rem;
        color: #f9efda;
        line-height: 0.26rem;
        text-align: center;
        margin-top: 0.44rem;
    }
    /* 首页四 */
    .idx5-a {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #0a3537;
        overflow: hidden;
    }
    .idx5-back {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .idx5-a1 {
        width: calc(100% - 0.4rem*2);
        height: 10.85rem;
        margin: 0 auto;
        margin-top: 1.7rem;
    }
    .idx5-a2 {
        display: none;
    }
    .idx5-a3 {
        width: 1.55rem;
        position: absolute;
        top: 4.88rem;
        left: calc(50% - 1.55rem/2);
        z-index: 3;
    }
    .idx5-a1a {
        width: 100%;
        height: 4rem;
        overflow: hidden;
    }
    .idx5-a1b {
        width: 100%;
        height: 6.85rem;
        position: relative;
        overflow: hidden;
        background: #f2efe8;
    }
    .idx5-a1c p,
    .idx5-a1c {
        width: calc(100% - 0.42rem*2);
        font-size: 0.26rem !important;
        line-height: 0.48rem;
        margin: 0 auto;
        margin-top: 1rem;
        color: #333;
    }
    .idx5-a1d {
        width: 2.4rem;
        height: 0.72rem;
        background: #c39857;
        position: absolute;
        left: calc(50% - 2.4rem/2);
        bottom: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .idx5-a1d div:nth-child(1) {
        color: #fff;
        font-size: 0.24rem;
        line-height: 0.24rem;
    }
    .idx5-a1d div:nth-child(2) {
        width: 0.27rem;
        height: 0.35rem;
        margin-left: 0.1rem;
    }
    .idx5-a1a img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    /* 首页五 */
    .idx6-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx6-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .idx6-a2 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 5;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    }
    .idx6-a2a {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        padding-left: 0.4rem;
    }
    .idx6-a2b {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 2.2rem;
        position: relative;
    }
    .idx6-a2a .idx6-a2b:last-child {
        margin-right: 0;
    }
    .idx6-a2a .idx6-a2b:last-child .idx6-a2b5 {
        display: none;
    }
    .idx6-a2b1 {
        height: 0.8rem;
    }
    .idx6-a2b1 img {
        margin: 0 auto;
    }
    .idx6-a2b2 {
        color: #f9efda;
        font-size: 0.28rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.28rem;
        margin-top: 0.25rem;
        transition: 0.5s;
    }
    .idx4-a2b4 {
        width: 100%;
        height: 0.35rem;
        position: relative;
    }
    .idx6-a2b4 img {
        height: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
    }
    .idx6-a2b5 {
        width: 3rem;
        height: 0.02rem;
        position: absolute;
        left: calc(100% - 0.4rem);
        bottom: 0.67rem;
        opacity: .3;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(1) {
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b1 img:nth-child(2) {
        display: block;
    }
    .idx6-a2b.on1 .idx6-a2b2 {
        color: #c39857;
        transition: 0.5s;
    }
    .idx6-a2b3 {
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 0.3rem;
        background: #837a6f;
        transition: 0.5s;
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b3 {
        background: #cc974b;
        transition: 0.5s;
        display: none;
    }
    .idx6-a2b.on1 .idx6-a2b4 img {
        height: 27px;
        transition: 0.5s;
    }
    .idx6-all {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
        transition: 0.5s;
    }
    .idx6-a3 {
        height: 100%;
        position: relative;
        display: table;
        overflow: hidden;
        background: #000;
        float: left;
    }
    .idx6-a32 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }
    .idx6-a32 img:nth-child(1) {
        display: none;
    }
    .idx6-a3 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        transform: scale(0.8);
        transition: 0.5s;
    }
    .idx6-a3 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(0.8);
        transition: 0.5s;
        background: rgba(0, 0, 0, 0.1);
    }
    .idx6-a3.on1 .idx6-a32 img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        transform: scale(1);
        transition: 0.5s;
    }
    .idx6-a3.on1 .idx6-a31 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        transform: scale(1);
        transition: 0.5s;
        background: rgba(0, 0, 0, .2);
    }
    .idx6-a31>div:nth-child(1) {
        width: 1.15rem;
        margin: 0 auto;
    }
    .idx6-a31>div:nth-child(2) {
        font-size: 0.68rem;
        font-weight: bold;
        color: #f9efda;
        text-align: center;
        margin-top: 0.4rem;
    }
    .idx6-a31>div:nth-child(3) p,
    .idx6-a31>div:nth-child(3) {
        width: calc(100% - 0.8rem*2);
        text-align:justify;
        font-size: 0.26rem !important;
        color: #fdf7ec;
        line-height: 0.48rem;
        margin: 0.4rem auto 0;
        text-indent:.5rem;
    }
    .idx6-a31 .idx6-btn {
        width: 2.4rem;
        height: 0.72rem;
        background: #c39857;
        margin: 0 auto;
        margin-top: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx6-a31 .idx6-btn div:nth-child(2) {
        font-size: 0.24rem;
        color: #f9efda;
        line-height: 0.24rem;
    }
    .idx6-a31 .idx6-btn div:nth-child(3) {
        width: 0.27rem;
        height: 0.35rem;
        margin-left: 0.1rem;
    }
    .idx6-a31 .idx6-btn div:nth-child(3) img {
        width: 100%;
        height: 100%;
    }
    .idx6-a5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .idx6-all .idx6-a3:nth-child(3) .idx6-a31>div:nth-child(1) {
        width:1.15rem;
    }
    /* 首页六 */
    .idx7-a {
        width: 100%;
        height: 15rem;
        position: relative;
        overflow: hidden;
    }
    .idx7-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx7-a1 img:nth-child(1) {
        display: none;
    }
    .idx7-a2 {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
        height: auto;
        position: relative;
        margin-top: 1.7rem;
        z-index: 5;
    }
    .idx7-swi {
        width: 100%;
        height: 9.85rem;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.48);
    }
    .idx7-swi-prev {
        width: 0.59rem;
        height: 0.75rem;
        position: absolute;
        left: auto;
        right: calc(50% + 0.25rem);
        top: auto;
        bottom: -1.1rem;
        background: url(../t_img/t76.png);
        background-size: 100% 100%;
    }
    .idx7-swi-next {
        width: 0.59rem;
        height: 0.75rem;
        position: absolute;
        left: calc(50% + 0.25rem);
        top: auto;
        bottom: -1.1rem;
        background: url(../t_img/t77.png);
        background-size: 100% 100%;
    }
    .idx7-a3 {
        width: 100%;
        height: 100%;
    }
    .idx7-a3a {
        width: 100%;
        height: 5.65rem;
        overflow: hidden;
    }
    .idx7-a3a div:nth-child(1) {
        font-size: 0.36rem;
        line-height: 0.36rem;
        color: #eae6de;
        font-weight: bold;
        margin-top: 0.85rem;
        text-align: center;
        opacity: 0;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(2) {
        width: 3.35rem;
        margin: 0 auto;
        margin-top: 0.25rem;
        position: relative;
        z-index: 2;
    }
    .idx7-a3a div:nth-child(2) img {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(2) img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx7-a3a div:nth-child(3) {
        text-align: center;
        font-size: 1.25rem;
        line-height: 1.25rem;
        color: rgba(255, 255, 255, 0.5);
        margin-top: -0.4rem;
        position: relative;
        z-index: 1;
        font-family: 'bigcaslon';
    }
    .idx7-a3a div:nth-child(3) {
        transform: scale(0);
        transition: 0.5s;
    }
    .idx7-swi .swiper-slide-active .idx7-a3a div:nth-child(3) {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx7-a3b {
        width: 100%;
        height: 4.2rem;
    }
    /* 首页七 */
    .idx8-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .idx8-a3 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .idx8-a3 img:nth-child(1) {
        display: none;
    }
    .idx8-a1 {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
        margin-top: 1.7rem;
    }
    .idx8-a1a {
        width: 100%;
    }
    .idx8-a1a>div:nth-child(1) {
        font-size: 0.5rem;
        font-weight: bold;
        line-height: 0.5rem;
        font-style: italic;
    }
    .idx8-a1a>div:nth-child(2) p,
    .idx8-a1a>div:nth-child(2) {
        font-size: 0.26rem !important;
        line-height: 0.48rem;
        color: #454545;
        margin-top: 0.35rem;
    }
    .idx8-a1a>div:nth-child(3) {
        width: 2.4rem;
        height: 0.72rem;
        background: #c39857;
        margin-top: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(1) {
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #fff;
    }
    .idx8-a1a>div:nth-child(3) div:nth-child(2) {
        width: 0.27rem;
        height: 0.35rem;
        margin-left: 0.1rem;
    }
    .idx8-a2 {
        width: calc(4.45rem*3 + 0.3rem*2);
        margin-left: 0.4rem;
        margin-top: 0.5rem;
    }
    .idx8-swi {
        width: 100%;
        height: 100%;
    }
    .idx8-a21 {
        width: 4.45rem;
        height: 6.55rem;
        position: relative;
    }
    .idx8-a21a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .idx8-a21a img {
        width: calc(100% - 0.3rem*2);
        height: calc(100% - 0.3rem*2);
        margin: 0 auto;
        margin-top: 0.3rem;
        transition: 0.5s;
    }
    .idx8-a21b {
        width: calc(100% - 0.4rem*2);
        height: calc(100% - 0.4rem*2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21a img {
        width: 100%;
        height: 100%;
        margin-top: 0;
        transition: 0.5s;
    }
    .idx8-swi .swiper-slide-active .idx8-a21b {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx8-a21b div:nth-child(1) {
        width: 1.72rem;
        margin: 0 auto;
        margin-top: 1.54rem;
    }
    .idx8-a21b div:nth-child(2) {
        width: max-content;
        margin: 0 auto;
        margin-top: 0.2rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
        font-weight: bold;
        color: #f9efda;
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        border-top: 0.01rem solid #fcefd8;
        border-bottom: 0.01rem solid #fcefd8;
    }
    /* 首页八 */
    .idx9-a {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .idx9-a1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: auto;
        left: 0;
    }
    .idx9-a1 img:nth-child(1) {
        display: none;
    }
    .idx9-a2 {
        width: 100%;
        position: relative;
    }
    .idx9-a21 {
        width: 100%;
        text-align: center;
        color: #f9efda;
        padding-top: 1.85rem;
    }
    .idx9-a21 div {
        margin-bottom: 0.3rem;
    }
    .idx9-a21 div:nth-child(1) {
        font-size: 0.4rem;
        line-height: 0.4rem;
    }
    .idx9-a21 div:nth-child(2) {
        font-size: 0.5rem;
        line-height: 0.5rem;
    }
    .idx9-a21 div:nth-child(3) {
        font-size: 0.72rem;
        line-height: 0.72rem;
        font-weight: bold;
    }
    .idx9-a21 div:nth-child(4) {
        font-size: 14px;
        line-height: 14px;
        display: none;
    }
    .idx9-a3 {
        width: 100%;
        margin-top: 1.32rem;
    }
    .idx9-a31 {
        display: none;
    }
    .yidx9-a31 {
        width: 100%;
    }
    .yidx9-a32 {
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .yidx9-a33 {
        width: max-content;
        margin: 0 auto;
    }
    .yidx9-a33 div {
        float: left;
    }
    .yidx9-a33 div:nth-child(1) {
        width: 0.42rem;
        margin-right: 0.15rem;
    }
    .yidx9-a33 div:nth-child(2) {
        font-size: 0.3rem;
        line-height: 0.3rem;
        color: #faf4e8;
        font-weight: bold;
    }
    .yidx9-a34 {
        line-height: 0.72rem;
        margin: 0 auto;
        margin-top: 0.3rem;
        font-size: 0.72rem;
        line-height: 0.62rem;
        text-align: center;
        color: #faf4e8;
        font-family: 'Cormorant Garamond';
    }
    .yidx9-a31 .yidx9-a32:nth-child(2) .yidx9-a34 {
        font-size: 0.26rem;
    }
    .idx9-a4 {
        width: max-content;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .idx9-a5 {
        width: 0.77rem;
        height: 0.77rem;
        float: left;
        margin-right: 0.2rem;
        position: relative;
    }
    .idx9-a51 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #faecd3;
        position: relative;
        transition: 0.5s;
    }
    .idx9-a51 img {
        height: 0.29rem;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .idx9-a51 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a51 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5.on1>.idx9-a51 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .idx9-a5.on1>.idx9-a51 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .idx9-a5.on1>.idx9-a51 {
        border: 1px solid #c39857;
        transition: 0.5s;
    }
    .idx9-a52 {
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        bottom: calc(100% + 0.1rem);
        left: 0;
    }
    .idx9-a53 {
        width: 100%;
        height: 100%;
    }
    .idx9-a52 .idx9-a53 img {
        width: 100%;
        height: 100%;
        transform: scale(0);
        transition: 0.5s;
    }
    .idx9-a52.on1 .idx9-a53 img {
        transform: scale(1);
        transition: 0.5s;
    }
    .idx9-a6 {
        width: calc(100% - 0.4rem*2);
        position: absolute;
        font-size: 0.22rem;
        line-height: 0.28rem;
        color: rgba(255, 255, 255, 0.67);
        bottom: 0.4rem;
        left: 0.4rem;
        text-align: center;
        white-space: nowrap;
    }
}


/* 在线联系 */

@media only screen and (min-width: 1921px) {
    .call-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
    }
    .call-a1 {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .call-a2 {
        font-size: 16px;
        color: #454545;
        line-height: 55px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        transition: 0.5s;
        position: relative;
        cursor: pointer;
    }
    .call-a2a {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2b {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2.on1 {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2:hover .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-b {
        width: 100%;
        height: 380px;
        margin-top: 40px;
        position: relative;
    }
    .call-b1 {
        width: 100%;
        height: 100%;
    }
    #container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        font-family: "微软雅黑";
    }
    .call-c {
        position: absolute;
        left: 0;
        transform: scale(0);
        top: 40px;
    }
    .call-cll {
        width: 100%;
        position: relative;
    }
    .call-c1 {
        width: 100%;
        height: 31px;
        line-height: 31px;
    }
    .call-c1 div:nth-child(1) {
        height: 31px;
        float: left;
        margin-right: 20px;
    }
    .call-c1 div:nth-child(2) {
        font-size: 20px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 20px;
    }
    .call-c1 div:nth-child(3) {
        font-size: 16px;
        color: #454545;
        float: left;
    }
    .call-c2 {
        width: 100%;
        margin-top: 30px;
    }
    .call-c3 {
        float: left;
        margin-right: 50px;
        line-height: 31px;
    }
    .call-c2 .call-c3:nth-child(2) {
        margin-right: 0;
    }
    .call-c3 div:nth-child(1) {
        width: 31px;
        float: left;
        margin-right: 20px;
    }
    .call-c3 div:nth-child(2) {
        font-size: 20px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 20px;
    }
    .call-c3 div:nth-child(3) {
        font-size: 48px;
        color: #454545;
        font-family: 'Cormorant Garamond';
        float: left;
    }
    .call-c.on1 {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-ewm {
        display: none;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .call-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
    }
    .call-a1 {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .call-a2 {
        font-size: 16px;
        color: #454545;
        line-height: 55px;
        font-weight: bold;
        padding-left: 8px;
        padding-right: 8px;
        transition: 0.5s;
        position: relative;
        cursor: pointer;
    }
    .call-a2a {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2b {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2.on1 {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2:hover .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-b {
        width: 100%;
        height: 380px;
        margin-top: 40px;
        position: relative;
    }
    .call-b1 {
        width: 100%;
        height: 100%;
    }
    #container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        font-family: "微软雅黑";
    }
    .call-c {
        position: absolute;
        left: 0;
        transform: scale(0);
        top: 40px;
    }
    .call-cll {
        width: 100%;
        position: relative;
    }
    .call-c1 {
        width: 100%;
        height: 31px;
        line-height: 31px;
    }
    .call-c1 div:nth-child(1) {
        height: 31px;
        float: left;
        margin-right: 20px;
    }
    .call-c1 div:nth-child(2) {
        font-size: 20px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 20px;
    }
    .call-c1 div:nth-child(3) {
        font-size: 16px;
        color: #454545;
        float: left;
    }
    .call-c2 {
        width: 100%;
        margin-top: 30px;
    }
    .call-c3 {
        float: left;
        margin-right: 50px;
        line-height: 31px;
    }
    .call-c2 .call-c3:nth-child(2) {
        margin-right: 0;
    }
    .call-c3 div:nth-child(1) {
        width: 31px;
        float: left;
        margin-right: 20px;
    }
    .call-c3 div:nth-child(2) {
        font-size: 20px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 20px;
    }
    .call-c3 div:nth-child(3) {
        font-size: 48px;
        color: #454545;
        font-family: 'Cormorant Garamond';
        float: left;
    }
    .call-c.on1 {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-ewm {
        display: none;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .call-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
    }
    .call-a1 {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .call-a2 {
        font-size: 14px;
        color: #454545;
        line-height: 50px;
        font-weight: bold;
        padding-left: 8px;
        padding-right: 8px;
        transition: 0.5s;
        position: relative;
        cursor: pointer;
    }
    .call-a2a {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2b {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2.on1 {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2:hover .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-b {
        width: 100%;
        height: calc(1360px*380/1560);
        margin-top: 30px;
        position: relative;
    }
    .call-b1 {
        width: 100%;
        height: 100%;
    }
    #container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        font-family: "微软雅黑";
    }
    .call-c {
        position: absolute;
        left: 0;
        transform: scale(0);
        top: 40px;
    }
    .call-cll {
        width: 100%;
        position: relative;
    }
    .call-c1 {
        width: 100%;
        height: 25px;
        line-height: 25px;
    }
    .call-c1 div:nth-child(1) {
        height: 25px;
        float: left;
        margin-right: 15px;
    }
    .call-c1 div:nth-child(2) {
        font-size: 18px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 15px;
    }
    .call-c1 div:nth-child(3) {
        font-size: 14px;
        color: #454545;
        float: left;
    }
    .call-c2 {
        width: 100%;
        margin-top: 20px;
    }
    .call-c3 {
        float: left;
        margin-right: 40px;
        line-height: 25px;
    }
    .call-c2 .call-c3:nth-child(2) {
        margin-right: 0;
    }
    .call-c3 div:nth-child(1) {
        width: 25px;
        float: left;
        margin-right: 15px;
    }
    .call-c3 div:nth-child(2) {
        font-size: 18px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 15px;
    }
    .call-c3 div:nth-child(3) {
        font-size: 42px;
        color: #454545;
        font-family: 'Cormorant Garamond';
        float: left;
    }
    .call-c.on1 {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-ewm {
        display: none;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .call-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: calc(100%*170/925);
        left: 0;
    }
    .call-a1 {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .call-a2 {
        font-size: 12px;
        color: #454545;
        line-height: 40px;
        font-weight: bold;
        padding-left: 1px;
        padding-right: 1px;
        transition: 0.5s;
        position: relative;
        cursor: pointer;
    }
    .call-a2a {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2b {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2.on1 {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2:hover .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2:hover .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-b {
        width: 100%;
        height: calc(960px*380/1560);
        margin-top: 20px;
        position: relative;
    }
    .call-b1 {
        width: 100%;
        height: 100%;
    }
    #container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        font-family: "微软雅黑";
    }
    .call-c {
        position: absolute;
        left: 0;
        transform: scale(0);
        top: 30px;
    }
    .call-cll {
        width: 100%;
        position: relative;
    }
    .call-c1 {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }
    .call-c1 div:nth-child(1) {
        height: 20px;
        float: left;
        margin-right: 10px;
    }
    .call-c1 div:nth-child(2) {
        font-size: 16px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 10px;
    }
    .call-c1 div:nth-child(3) {
        font-size: 12px;
        color: #454545;
        float: left;
    }
    .call-c2 {
        width: 100%;
        margin-top: 15px;
    }
    .call-c3 {
        float: left;
        margin-right: 30px;
        line-height: 20px;
    }
    .call-c2 .call-c3:nth-child(2) {
        margin-right: 0;
    }
    .call-c3 div:nth-child(1) {
        width: 20px;
        float: left;
        margin-right: 10px;
    }
    .call-c3 div:nth-child(2) {
        font-size: 16px;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 10px;
    }
    .call-c3 div:nth-child(3) {
        font-size: 36px;
        color: #454545;
        font-family: 'Cormorant Garamond';
        float: left;
    }
    .call-c.on1 {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-ewm {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .call-a {
        width: 100%;
        margin-top: 0.6rem;
    }
    .call-a1 {
        width: calc(100% - 0.4rem);
        height: 0.76rem;
        margin-left: 0.4rem;
        overflow: hidden;
        overflow-x: auto;
        display: -webkit-box;
    }
    .call-a2 {
        font-size: 0.24rem;
        color: #454545;
        line-height: 0.76rem;
        font-weight: bold;
        position: relative;
        transition: 0.5s;
        margin-right: 0.8rem;
    }
    .call-a2a {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2b {
        width: 100%;
        height: 1px;
        background: #cc974b;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scale(0);
        transition: 0.5s;
    }
    .call-a2.on1 {
        color: #cc974b;
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2a {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-a2.on1 .call-a2b {
        transform: scale(1);
        transition: 0.5s;
    }
    .call-b {
        width: 100%;
        height: 4.78rem;
        margin-top: 0.6rem;
        position: relative;
    }
    .call-b1 {
        width: 100%;
        height: 100%;
    }
    #container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        font-family: "微软雅黑";
    }
    .call-cll {
        width: 100%;
        position: relative;
        margin: 0 auto;
        margin-top: 0.44rem;
    }
    .call-c {
        width: 100%;
    }
    .call-c1 {
        width: 100%;
        padding-top: 0.15rem;
    }
    .call-c1 div:nth-child(1) {
        height: 0.48rem;
        float: left;
        margin-right: 0.4rem;
    }
    .call-c1 div:nth-child(2) {
        font-size: 0.3rem;
        font-weight: bold;
        color: #454545;
        float: left;
        line-height: 0.3rem;
    }
    .call-c1 div:nth-child(3) {
        width: 100%;
        font-size: 0.26rem;
        color: #454545;
        float: left;
        line-height: 0.26rem;
        margin-top: 0.15rem;
        padding-left: 0.88rem;
    }
    .call-c2 {
        width: 100%;
        margin-top: 0.6rem;
    }
    .call-c3 {
        width: 100%;
        margin-bottom: 0.72rem;
        line-height: 0.43rem;
    }
    .call-c2 .call-c3:nth-child(2) {
        margin-bottom: 0;
    }
    .call-c3 div:nth-child(1) {
        width: 0.52rem;
        float: left;
        margin-right: 0.45rem;
    }
    .call-c3 div:nth-child(2) {
        font-size: 0.3rem;
        font-weight: bold;
        color: #454545;
        float: left;
        margin-right: 0.3rem;
    }
    .call-c3 div:nth-child(3) {
        font-size: 0.67rem;
        color: #454545;
        font-family: 'Cormorant Garamond';
        float: left;
    }
    .call-ewm {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    .call-ewm1 {
        width: 50%;
        float: left;
        margin-bottom: 0.5rem;
    }
    .call-ewm1 div:nth-child(1) {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
    }
    .call-ewm1 div:nth-child(2) {
        width: 100%;
        line-height: 0.26rem;
        font-size: 0.26rem;
        color: #454545;
        text-align: center;
        margin-top: 0.35rem;
    }
}


/* 在线联系 */

@media only screen and (min-width: 1921px) {
    .his {
        width: 100%;
        height: 14030px;
        padding-top: 375px;
        position: relative;
        background: #f2efe8;
    }
    .his-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .his-a1 {
        width: 1162px;
        position: absolute;
        top: 185px;
        left: calc(50% - 1162px/2);
        z-index: 3;
    }
    .his-a2 {
        width: 1909px;
        position: absolute;
        top: 0;
        left: calc(50% - 1909px/2);
    }
    .his-b {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .his-b1 {
        width: 100%;
        position: absolute;
        left: 0;
        overflow: hidden;
    }
    .his-b2 {
        font-size: 160px;
        line-height: 160px;
        font-family: "Arial";
        color: #221815;
        text-align: center;
        font-weight: bold;
    }
    .his-b2>span {
        font-size: 36px;
        line-height: 36px;
        font-weight: bold;
        padding-left: 40px;
        padding-top: calc(160px - 36px - 5px);
    }
    .his-b3 {
        width: 1440px;
        margin: 0 auto;
        margin-top: 310px;
    }
    .his-b3>.his-b31 {
        font-size: 16px;
        line-height: 36px;
        color: #4a3f2e;
        float: right;
        width: 50%;
        padding-right: 110px;
        text-indent:25px;
        text-align: justify;
    }
    .his-b3>.his-b32 {
        float: left;
        width: 500px;
        padding-left: 124px;
        padding-top: 90px;
    }
    .his-b4 {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        position: relative;
        left: auto;
        top: auto;
    }
    .his-b .his-b1:nth-child(even) .his-b2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .his-b .his-b1:nth-child(even) .his-b3 {
        position: absolute;
        left: calc(50% - 1440px/2);
        top: 350px;
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        display: block;
    }
    .his-b .his-b1:nth-child(even) .his-b31 {
        float: left;
        padding-right: 0;
        padding-left: 173px;
        padding-top: 180px;
    }
    .his-b .his-b1:nth-child(even) .his-b32 {
        float: right;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(1) {
        top: 173px;
    }
    .his-b .his-b1:nth-child(2) {
        top: 1190px;
    }
    .his-b .his-b1:nth-child(3) {
        top: 2434px;
    }
    .his-b .his-b1:nth-child(4) {
        top: 3417px;
    }
    .his-b .his-b1:nth-child(5) {
        top: 4683px;
    }
    .his-b .his-b1:nth-child(6) {
        top: 5574px;
    }
    .his-b .his-b1:nth-child(7) {
        top: 6827px;
    }
    .his-b .his-b1:nth-child(8) {
        top: 7843px;
    }
    .his-b .his-b1:nth-child(9) {
        top: 9116px;
    }
    .his-b .his-b1:nth-child(10) {
        top: 10013px;
    }
    .his-b .his-b1:nth-child(11) {
        top: 11268px;
    }
    .his-b .his-b1:nth-child(12) {
        top: 12249px;
    }
    .his-b .his-b1:nth-child(13) {
        top: 13504px;
    }
    .his-b .his-b1:nth-child(14) {
        top: 14485px;
    }
    .his-b .his-b1:nth-child(15) {
        top: 15740px;
    }
    .his-b .his-b1:nth-child(2) .his-b31 {
        padding-right: 0;
        padding-left: 280px;
        padding-top: 180px;
    }
    .his-b .his-b1:nth-child(3) {
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(3) .his-b3 {
        margin-top: 110px;
    }
    .his-b .his-b1:nth-child(3) .his-b32 {
        padding-top: 0;
        padding-left: 265px;
    }
    .his-b .his-b1:nth-child(3) .his-b31 {
        margin-left: -110px;
    }
    .his-b .his-b1:nth-child(4) .his-b3 {
        top: 273px;
    }
    .his-b .his-b1:nth-child(4) .his-b32 {
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(4) .his-b31 {
        padding-top: 245px;
        padding-left: 270px;
    }
    .his-b .his-b1:nth-child(5) .his-b3 {
        margin-top: 180px;
    }
    .his-b .his-b1:nth-child(5) .his-b31 {
        padding-top: 110px;
        padding-right: 145px;
    }
    .his-b .his-b1:nth-child(5) .his-b32 {
        padding-top: 0px;
    }
    .his-b .his-b1:nth-child(6) .his-b3 {
        top: 302px;
    }
    .his-b .his-b1:nth-child(6) .his-b31 {
        padding-left: 142px;
        padding-top: 160px;
        margin-left: 30px;
    }
    .his-b .his-b1:nth-child(6) .his-b32 {
        width: max-content;
        padding-right: calc(50% - 500px - 112px);
    }
    .his-b .his-b1:nth-child(7) .his-b3 {
        margin-top: 112px;
    }
    .his-b .his-b1:nth-child(7) .his-b32 {
        padding-top: 0;
        padding-left: 100px;
        margin-left: 80px;
    }
    .his-b .his-b1:nth-child(7) .his-b31 {
        padding-top: 30px;
    }
    .his-b .his-b1:nth-child(8) .his-b3 {
        top: 395px;
    }
    .his-b .his-b1:nth-child(8) .his-b31 {
        padding-top: 20px;
        padding-left: 220px;
    }
    .his-b .his-b1:nth-child(8) .his-b32 {
        padding-top: 0;
        margin-right: 60px;
    }
    .his-b .his-b1:nth-child(9) .his-b3 {
        margin-top: 137px;
    }
    .his-b .his-b1:nth-child(9) .his-b31 {
        padding-left: 55px;
        padding-right: 152px;
        padding-top: 50px;
    }
    .his-b .his-b1:nth-child(9) .his-b32 {
        margin-left: 210px;
        padding-top: 0;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(10) .his-b3 {
        top: 415px;
    }
    .his-b .his-b1:nth-child(10) .his-b31 {
        padding-left: 178px;
        padding-top: 100px;
    }
    .his-b .his-b1:nth-child(10) .his-b32 {
        margin-right: 150px;
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(11) .his-b3 {
        margin-top: 142px;
    }
    .his-b .his-b1:nth-child(11) .his-b32 {
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(12) .his-b3 {
        top: 280px;
    }
    .his-b .his-b1:nth-child(12) .his-b32 {
        padding-top: 0;
    }

    .his-b .his-b1:nth-child(13) .his-b3 {
        margin-top: 147px;
    }
    .his-b .his-b1:nth-child(13) .his-b32 {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1480px) {
    .his {
        width: 100%;
        height: 14030px;
        padding-top: 375px;
        position: relative;
        background: #f2efe8;
    }
    .his-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .his-a1 {
        width: 1162px;
        position: absolute;
        top: 185px;
        left: calc(50% - 1162px/2);
        z-index: 3;
    }
    .his-a2 {
        width: 1909px;
        position: absolute;
        top: 0;
        left: calc(50% - 1909px/2);
    }
    .his-b {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .his-b1 {
        width: 100%;
        position: absolute;
        left: 0;
        overflow: hidden;
    }
    .his-b2 {
        font-size: 160px;
        line-height: 160px;
        font-family: "Arial";
        color: #221815;
        text-align: center;
        font-weight: bold;
    }
    .his-b2>span {
        font-size: 36px;
        line-height: 36px;
        font-weight: bold;
        padding-left: 40px;
        padding-top: calc(160px - 36px - 5px);
    }
    .his-b3 {
        width: 1440px;
        margin: 0 auto;
        margin-top: 310px;
    }
    .his-b3>.his-b31 {
        font-size: 16px;
        line-height: 36px;
        color: #4a3f2e;
        float: right;
        width: 50%;
        padding-right: 110px;
        text-indent:25px;
        text-align: justify;
    }
    .his-b3>.his-b32 {
        float: left;
        width: 500px;
        padding-left: 124px;
        padding-top: 90px;
    }
    .his-b4 {
        width: 1920px;
        position: absolute;
        left: calc(50% - 1920px/2);
        top: 0;
        display: none;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        position: relative;
        left: auto;
        top: auto;
    }
    .his-b .his-b1:nth-child(even) .his-b2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .his-b .his-b1:nth-child(even) .his-b3 {
        position: absolute;
        left: calc(50% - 1440px/2);
        top: 350px;
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        display: block;
    }
    .his-b .his-b1:nth-child(even) .his-b31 {
        float: left;
        padding-right: 0;
        padding-left: 173px;
        padding-top: 180px;
    }
    .his-b .his-b1:nth-child(even) .his-b32 {
        float: right;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(1) {
        top: 173px;
    }
    .his-b .his-b1:nth-child(2) {
        top: 1190px;
    }
    .his-b .his-b1:nth-child(3) {
        top: 2434px;
    }
    .his-b .his-b1:nth-child(4) {
        top: 3417px;
    }
    .his-b .his-b1:nth-child(5) {
        top: 4683px;
    }
    .his-b .his-b1:nth-child(6) {
        top: 5574px;
    }
    .his-b .his-b1:nth-child(7) {
        top: 6827px;
    }
    .his-b .his-b1:nth-child(8) {
        top: 7843px;
    }
    .his-b .his-b1:nth-child(9) {
        top: 9116px;
    }
    .his-b .his-b1:nth-child(10) {
        top: 10013px;
    }
    .his-b .his-b1:nth-child(11) {
        top: 11268px;
    }
    .his-b .his-b1:nth-child(12) {
        top: 12249px;
    }
    .his-b .his-b1:nth-child(13) {
        top: 13504px;
    }
    .his-b .his-b1:nth-child(2) .his-b31 {
        padding-right: 0;
        padding-left: 280px;
        padding-top: 180px;
    }
    .his-b .his-b1:nth-child(3) {
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(3) .his-b3 {
        margin-top: 110px;
    }
    .his-b .his-b1:nth-child(3) .his-b32 {
        padding-top: 0;
        padding-left: 265px;
    }
    .his-b .his-b1:nth-child(3) .his-b31 {
        margin-left: -110px;
    }
    .his-b .his-b1:nth-child(4) .his-b3 {
        top: 273px;
    }
    .his-b .his-b1:nth-child(4) .his-b32 {
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(4) .his-b31 {
        padding-top: 245px;
        padding-left: 270px;
    }
    .his-b .his-b1:nth-child(5) .his-b3 {
        margin-top: 180px;
    }
    .his-b .his-b1:nth-child(5) .his-b31 {
        padding-top: 110px;
        padding-right: 145px;
    }
    .his-b .his-b1:nth-child(5) .his-b32 {
        padding-top: 0px;
    }
    .his-b .his-b1:nth-child(6) .his-b3 {
        top: 302px;
    }
    .his-b .his-b1:nth-child(6) .his-b31 {
        padding-left: 142px;
        padding-top: 160px;
        margin-left: 30px;
    }
    .his-b .his-b1:nth-child(6) .his-b32 {
        width: max-content;
        padding-right: calc(50% - 500px - 112px);
    }
    .his-b .his-b1:nth-child(7) .his-b3 {
        margin-top: 112px;
    }
    .his-b .his-b1:nth-child(7) .his-b32 {
        padding-top: 0;
        padding-left: 100px;
        margin-left: 80px;
    }
    .his-b .his-b1:nth-child(7) .his-b31 {
        padding-top: 30px;
    }
    .his-b .his-b1:nth-child(8) .his-b3 {
        top: 395px;
    }
    .his-b .his-b1:nth-child(8) .his-b31 {
        padding-top: 20px;
        padding-left: 220px;
    }
    .his-b .his-b1:nth-child(8) .his-b32 {
        padding-top: 0;
        margin-right: 60px;
    }
    .his-b .his-b1:nth-child(9) .his-b3 {
        margin-top: 137px;
    }
    .his-b .his-b1:nth-child(9) .his-b31 {
        padding-left: 55px;
        padding-right: 152px;
        padding-top: 50px;
    }
    .his-b .his-b1:nth-child(9) .his-b32 {
        margin-left: 210px;
        padding-top: 0;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(10) .his-b3 {
        top: 415px;
    }
    .his-b .his-b1:nth-child(10) .his-b31 {
        padding-left: 178px;
        padding-top: 100px;
    }
    .his-b .his-b1:nth-child(10) .his-b32 {
        margin-right: 150px;
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(11) .his-b3 {
        margin-top: 142px;
    }
    .his-b .his-b1:nth-child(11) .his-b32 {
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(12) .his-b3 {
        top: 280px;
    }
    .his-b .his-b1:nth-child(12) .his-b32 {
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(13) .his-b3 {
        margin-top: 147px;
    }
    .his-b .his-b1:nth-child(13) .his-b32 {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
    .his {
        width: 100%;
        height: calc(960px*14030/1440);
        padding-top: calc(960px*375/1440);
        position: relative;
        background: #f2efe8;
    }
    .his-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .his-a1 {
        width: calc(960px*1162/1440);
        position: absolute;
        top: calc(960px*185/1440);
        left: calc(50% - (960px*1162/1440)/2);
        z-index: 3;
    }
    .his-a2 {
        width: calc(960px*1909/1440);
        position: absolute;
        top: 0;
        left: calc(50% - (960px*1909/1440)/2);
    }
    .his-b {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .his-b1 {
        width: 100%;
        position: absolute;
        left: 0;
        overflow: hidden;
    }
    .his-b2 {
        font-size: calc(960px*160/1440);
        line-height: calc(960px*160/1440);
        font-family: "Arial";
        color: #221815;
        text-align: center;
        font-weight: bold;
    }
    .his-b2>span {
        font-size: calc(960px*36/1440);
        line-height: calc(960px*36/1440);
        font-weight: bold;
        padding-left: calc(960px*40/1440);
        padding-top: calc((960px*160/1440) - (960px*36/1440) - 5px);
    }
    .his-b3 {
        width: 960px;
        margin: 0 auto;
        margin-top: calc(960px*310/1440);
    }
    .his-b3>.his-b31 {
        font-size: calc(960px*16/1440);
        line-height: calc(960px*36/1440);
        color: #4a3f2e;
        float: right;
        width: 50%;
        padding-right: calc(960px*110/1440);
        text-indent:25px;
        text-align: justify;
    }
    .his-b3>.his-b32 {
        float: left;
        width: calc(960px*500/1440);
        padding-left: calc(960px*124/1440);
        padding-top: calc(960px*90/1440);
    }
    .his-b3>.his-b32 img {
        transform: scale(0.66);
    }
    .his-b4 {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0 !important;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        position: relative;
        left: auto;
        top: auto;
    }
    .his-b .his-b1:nth-child(even) .his-b2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .his-b .his-b1:nth-child(even) .his-b3 {
        position: absolute;
        left: calc(50% - 960px/2);
        top: calc(960px*350/1440);
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(even) .his-b4 {
        opacity: 1 !important;
    }
    .his-b .his-b1:nth-child(even) .his-b31 {
        float: left;
        padding-right: 0;
        padding-left: calc(960px*173/1440);
        padding-top: calc(960px*180/1440);
    }
    .his-b .his-b1:nth-child(even) .his-b32 {
        float: right;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(1) {
        top: calc(960px*173/1440);
    }
    .his-b .his-b1:nth-child(2) {
        top: calc(960px*1190/1440);
    }
    .his-b .his-b1:nth-child(3) {
        top: calc(960px*2434/1440);
    }
    .his-b .his-b1:nth-child(4) {
        top: calc(960px*3417/1440);
    }
    .his-b .his-b1:nth-child(5) {
        top: calc(960px*4683/1440);
    }
    .his-b .his-b1:nth-child(6) {
        top: calc(960px*5574/1440);
    }
    .his-b .his-b1:nth-child(7) {
        top: calc(960px*6827/1440);
    }
    .his-b .his-b1:nth-child(8) {
        top: calc(960px*7843/1440);
    }
    .his-b .his-b1:nth-child(9) {
        top: calc(960px*9116/1440);
    }
    .his-b .his-b1:nth-child(10) {
        top: calc(960px*10013/1440);
    }
    .his-b .his-b1:nth-child(11) {
        top: calc(960px*11268/1440);
    }
    .his-b .his-b1:nth-child(12) {
        top: calc(960px*12249/1440);
    }
    .his-b .his-b1:nth-child(13) {
        top: calc(960px*13504/1440);
    }
    .his-b .his-b1:nth-child(1) .his-b32 {
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(2) .his-b32 {
        float: left;
        padding-left: 0;
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(3) {
        margin-top: 0;
    }
    .his-b .his-b1:nth-child(3) .his-b3 {
        margin-top: calc(960px*110/1440);
    }
    .his-b .his-b1:nth-child(3) .his-b32 {
        padding-top: 0;
        margin-top: -100px;
    }
    .his-b .his-b1:nth-child(3) .his-b31 {
        margin-left: calc(960px*-110/1440);
    }
    .his-b .his-b1:nth-child(4) .his-b3 {
        top: calc(960px*273/1440);
    }
    .his-b .his-b1:nth-child(4) .his-b32 {
        float: left;
        margin-top: -100px;
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(4) .his-b31 {
        padding-top: calc(960px*245/1440);
        padding-left: calc(960px*270/1440);
    }
    .his-b .his-b1:nth-child(5) .his-b3 {
        margin-top: calc(960px*180/1440);
    }
    .his-b .his-b1:nth-child(5) .his-b31 {
        padding-top: calc(960px*110/1440);
        padding-right: calc(960px*145/1440);
    }
    .his-b .his-b1:nth-child(5) .his-b32 {
        padding-top: 0px;
        padding-left: 0;
    }
    .his-b .his-b1:nth-child(6) .his-b3 {
        top: calc(960px*302/1440);
    }
    .his-b .his-b1:nth-child(6) .his-b31 {
        padding-left: calc(960px*142/1440);
        padding-top: calc(960px*160/1440);
        margin-left: calc(960px*30/1440);
    }
    .his-b .his-b1:nth-child(6) .his-b32 {
        margin-right: 100px;
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(7) .his-b3 {
        margin-top: calc(960px*112/1440);
    }
    .his-b .his-b1:nth-child(7) .his-b32 {
        padding-top: 0;
        padding-left: calc(960px*10/1440);
        margin-top: -100px;
    }
    .his-b .his-b1:nth-child(7) .his-b31 {
        padding-top: calc(960px*30/1440);
    }
    .his-b .his-b1:nth-child(8) .his-b3 {
        top: calc(960px*395/1440);
    }
    .his-b .his-b1:nth-child(8) .his-b31 {
        padding-top: calc(960px*20/1440);
        padding-left: calc(960px*220/1440);
    }
    .his-b .his-b1:nth-child(8) .his-b32 {
        padding-top: 0;
        margin-right: calc(960px*60/1440);
    }
    .his-b .his-b1:nth-child(9) .his-b3 {
        margin-top: calc(960px*137/1440);
    }
    .his-b .his-b1:nth-child(9) .his-b31 {
        padding-left: calc(960px*55/1440);
        padding-right: calc(960px*152/1440);
        padding-top: calc(960px*50/1440);
    }
    .his-b .his-b1:nth-child(9) .his-b32 {
        padding-top: 0;
        padding-left: 0;
        margin-top: -80px;
    }
    .his-b .his-b1:nth-child(10) .his-b3 {
        top: calc(960px*415/1440);
    }
    .his-b .his-b1:nth-child(10) .his-b31 {
        padding-left: calc(960px*178/1440);
        padding-top: calc(960px*100/1440);
    }
    .his-b .his-b1:nth-child(10) .his-b32 {
        margin-right: calc(960px*150/1440);
        padding-top: 0;
    }
    .his-b .his-b1:nth-child(11) .his-b3 {
        margin-top: calc(960px*142/1440);
    }
    .his-b .his-b1:nth-child(11) .his-b32 {
        padding-top: 0;
        margin-top: -80px;
    }
    .his-b .his-b1:nth-child(12) .his-b3 {
        top: calc(960px*280/1440);
    }
    .his-b .his-b1:nth-child(12) .his-b32 {
        padding-top: 0;
        margin-top: -100px;
    }
    .his-b .his-b1:nth-child(13) .his-b3 {
        margin-top: 147px;
    }
    .his-b .his-b1:nth-child(13) .his-b32 {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .his {
        width: 100%;
        padding-top: 4.5rem;
        position: relative;
        background: #f2efe8;
    }
    .his-a {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .his-a1 {
        display: none;
    }
    .his-a2 {
        width: calc(100% - 0.4rem*2);
        position: absolute;
        top: 0;
        left: 0.4rem;
    }
    .his-b {
        width: calc(100% - 0.4rem*2);
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    .his-b1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 0.8rem;
    }
    .his-b2 {
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-family: "Arial";
        color: #221815;
        text-align: center;
        font-weight: bold;
    }
    .his-b2>span {
        font-size: 0.36rem;
        line-height: 0.36rem;
        font-weight: bold;
        padding-left: 0.4rem;
        padding-top: calc(1.6rem - 0.36rem - 0.05rem);
    }
    .his-b3 {
        width: 100%;
        margin-top: 0.5rem;
    }
    .his-b3>.his-b31 {
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #4a3f2e;
        text-align: justify;
        text-indent:.5rem;
    }
    .his-b3>.his-b32 {
        width: 100%;
        margin-top: 0.4rem;
    }
    .his-b3>.his-b32>img {
        margin: 0 auto;
        width: 100%;
    }
    .his-b4 {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0 !important;
        display: none;
    }
}


/* 菜品展示 */

@media only screen and (min-width: 1921px) {
    .mu1 {
        width: 1560px;
        height: 92px;
        margin: 0 auto;
        margin-top: 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu1 {
        width: 1560px;
        height: 92px;
        margin: 0 auto;
        margin-top: 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu1-a {
        cursor: pointer;
    }
    .mu1-a>.mu1-a1 {
        height: 92px;
        width: max-content;
        float: left;
        position: relative;
    }
    .mu1-a>.mu1-a2 {
        float: left;
        font-size: 22px;
        line-height: 92px;
        color: #c39f60;
        font-weight: bold;
        transition: 0.5s;
        margin-left: 17px;
    }
    .mu1-a>.mu1-a1>img {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .mu1-a>.mu1-a1>img:nth-child(1) {
        display: block;
        height: 26px;
    }
    .mu1-a>.mu1-a1>img:nth-child(2) {
        height: 80%;
        display: none;
    }
    .mu1-a:nth-child(1)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(4)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(6)>.mu1-a1>img:nth-child(2) {
        height: 70%;
    }
    .mu1-a:nth-child(2)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a:nth-child(5)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(1) {
        display: none;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(2) {
        display: block;
    }
    .mu1-a.on1 .mu1-a2 {
        color: #222222;
        transition: 0.5s;
    }
    .mu2 {
        width: 1560px;
        height: 760px;
        margin: 0 auto;
        position: relative;
        margin-top: 23px;
    }
    .mu2-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }
    .mu2-a.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .mu2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a1i {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a1t {
        position: absolute;
        height: 100%;
        right: 120px;
        top: 0;
        width: 295px;
        display: table;
    }
    .mu2-a1t1 {
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a1t1>div:nth-child(1) {
        font-size: 52px;
        line-height: 52px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a1t1>div:nth-child(2) {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 28px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a21 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a22 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 93px;
    }
    .mu2-a23 {
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a24 {
        margin-top: 33px;
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        padding: 0 460px;
        text-align: center;
    }
    .mu2-a25 {
        width: 970px;
        margin: 0 auto;
        margin-top: 33px;
    }
    .mu2-a3 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a3-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a31 {
        width: 100%;
        height: 100%;
    }
    .mu2-a3-pag {
        position: absolute;
        bottom: 60px;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .mu2-a3-pag .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        margin-right: 23px;
    }
    .mu2-a3-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a3-pag .swiper-pagination-bullet-active {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #af8141;
    }
    .mu2-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a41 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a41>img:nth-child(2) {
        display: none;
    }
    .mu2-a42 {
        width: 448px;
        height: 506px;
        position: absolute;
        top: 130px;
        left: 140px;
    }
    .mu2-a4-swi {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a44 {
        width: 100%;
        height: 275px;
    }
    .mu2-a45 {
        width: 100%;
        margin-top: 30px;
        font-size: 16px;
        line-height: 36px;
        color: #222222;
    }
    .mu2-a4-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a5b {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a5-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a51 {
        width: 100%;
        height: 100%;
        padding: 0 165px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu2-a52 {
        width: 555px;
    }
    .mu2-a52>img {
        width: 100%;
        transition: 0.5s;
    }
    .mu2-a52:hover>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mu2-a53 {
        width: 580px;
    }
    .mu2-a54 {
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a55 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 35px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a56 {
        margin-top: 54px;
    }
    .mu2-a5-pag {
        display: none;
    }
    .mu2-a5-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a61 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a62 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-left: 155px;
        display: table;
    }
    .mu2-a63 {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a64 {
        font-size: 52px;
        line-height: 52px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a65 {
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        margin-top: 36px;
        font-weight: bold;
    }
    .mu2-a66 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 17px;
        max-width: 525px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a67 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .mu2-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a61 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a62 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-left: 155px;
        display: table;
    }
    .mu2-a63 {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a64 {
        font-size: 52px;
        line-height: 52px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a65 {
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        margin-top: 36px;
        font-weight: bold;
    }
    .mu2-a66 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 17px;
        max-width: 525px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a67 {
        margin-top: 30px;
    }
    .mu1 {
        width: 1560px;
        height: 92px;
        margin: 0 auto;
        margin-top: 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu1-a {
        cursor: pointer;
    }
    .mu1-a>.mu1-a1 {
        height: 92px;
        width: max-content;
        float: left;
        position: relative;
    }
    .mu1-a>.mu1-a2 {
        float: left;
        font-size: 22px;
        line-height: 92px;
        color: #c39f60;
        font-weight: bold;
        transition: 0.5s;
        margin-left: 17px;
    }
    .mu1-a>.mu1-a1>img {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .mu1-a>.mu1-a1>img:nth-child(1) {
        display: block;
        height: 26px;
    }
    .mu1-a>.mu1-a1>img:nth-child(2) {
        height: 80%;
        display: none;
    }
    .mu1-a:nth-child(1)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(4)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(6)>.mu1-a1>img:nth-child(2) {
        height: 70%;
    }
    .mu1-a:nth-child(2)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a:nth-child(5)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(1) {
        display: none;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(2) {
        display: block;
    }
    .mu1-a.on1 .mu1-a2 {
        color: #222222;
        transition: 0.5s;
    }
    .mu2 {
        width: 1560px;
        height: 760px;
        margin: 0 auto;
        position: relative;
        margin-top: 23px;
    }
    .mu2-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }
    .mu2-a.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .mu2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a1i {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a1t {
        position: absolute;
        height: 100%;
        right: 120px;
        top: 0;
        width: 295px;
        display: table;
    }
    .mu2-a1t1 {
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a1t1>div:nth-child(1) {
        font-size: 52px;
        line-height: 52px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a1t1>div:nth-child(2) {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 28px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a21 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a22 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 93px;
    }
    .mu2-a23 {
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a24 {
        margin-top: 33px;
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        padding: 0 460px;
        text-align: center;
    }
    .mu2-a25 {
        width: 970px;
        margin: 0 auto;
        margin-top: 33px;
    }
    .mu2-a3 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a3-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a31 {
        width: 100%;
        height: 100%;
    }
    .mu2-a3-pag {
        position: absolute;
        bottom: 60px;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .mu2-a3-pag .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        margin-right: 23px;
    }
    .mu2-a3-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a3-pag .swiper-pagination-bullet-active {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #af8141;
    }
    .mu2-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a41 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a41>img:nth-child(2) {
        display: none;
    }
    .mu2-a42 {
        width: 448px;
        height: 506px;
        position: absolute;
        top: 130px;
        left: 140px;
    }
    .mu2-a4-swi {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a44 {
        width: 100%;
        height: 275px;
    }
    .mu2-a45 {
        width: 100%;
        margin-top: 30px;
        font-size: 16px;
        line-height: 36px;
        color: #222222;
    }
    .mu2-a4-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a5b {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a5-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a51 {
        width: 100%;
        height: 100%;
        padding: 0 165px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu2-a52 {
        width: 555px;
    }
    .mu2-a52>img {
        width: 100%;
        transition: 0.5s;
    }
    .mu2-a52:hover>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mu2-a53 {
        width: 580px;
    }
    .mu2-a54 {
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
    }
    .mu2-a55 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-top: 35px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a56 {
        margin-top: 54px;
    }
    .mu2-a5-pag {
        display: none;
    }
    .mu2-a5-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1024px) {
    .mu2-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a61 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a62 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-left: calc(950px*155/1560);
        display: table;
    }
    .mu2-a63 {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a64 {
        font-size: calc(950px*52/1560);
        line-height: calc(950px*52/1560);
        color: #fff;
        font-weight: bold;
    }
    .mu2-a65 {
        font-size: calc(950px*22/1560);
        line-height: calc(950px*22/1560);
        color: #fff;
        margin-top: calc(950px*36/1560);
        font-weight: bold;
    }
    .mu2-a66 {
        font-size: calc(950px*16/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        margin-top: calc(950px*17/1560);
        max-width: 525px;
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a67 {
        margin-top: calc(950px*30/1560);
    }
    .mu1 {
        width: calc(950px*1560/1560);
        height: calc(950px*92/1560);
        margin: 0 auto;
        margin-top: calc(950px*65/1560);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu1-a {
        cursor: pointer;
    }
    .mu1-a>.mu1-a1 {
        height: calc(950px*92/1560);
        width: calc(950px*72/1560);
        float: left;
        position: relative;
    }
    .mu1-a>.mu1-a2 {
        float: left;
        font-size: calc(950px*22/1560);
        line-height: calc(950px*92/1560);
        color: #c39f60;
        font-weight: bold;
        transition: 0.5s;
        margin-left: 17px;
    }
    .mu1-a>.mu1-a1>img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.66);
    }
    .mu1-a>.mu1-a1>img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
        height: 26px;
    }
    .mu1-a>.mu1-a1>img:nth-child(2) {
        height: 80%;
        opacity: 0;
        transition: 0.5s;
    }
    .mu1-a:nth-child(1)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(4)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(6)>.mu1-a1>img:nth-child(2) {
        height: 70%;
    }
    .mu1-a:nth-child(2)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a:nth-child(5)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
    .mu1-a.on1 .mu1-a2 {
        color: #222222;
        transition: 0.5s;
    }
    .mu2 {
        width: calc(950px*1560/1560);
        height: calc(950px*760/1560);
        margin: 0 auto;
        position: relative;
        margin-top: calc(950px*23/1560);
    }
    .mu2-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }
    .mu2-a.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .mu2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a1i {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a1t {
        position: absolute;
        height: 100%;
        right: calc(950px*120/1560);
        top: 0;
        width: calc(950px*295/1560);
        display: table;
    }
    .mu2-a1t1 {
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a1t1>div:nth-child(1) {
        font-size: calc(950px*52/1560);
        line-height: calc(950px*52/1560);
        color: #fff;
        font-weight: bold;
    }
    .mu2-a1t1>div:nth-child(2) {
        font-size: calc(950px*16/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        margin-top: calc(950px*28/1560);
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a21 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a22 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: calc(950px*93/1560);
    }
    .mu2-a23 {
        font-size: calc(950px*36/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a24 {
        margin-top: calc(950px*33/1560);
        font-size: calc(950px*16/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        padding: 0 calc(950px*460/1560);
        text-align: center;
    }
    .mu2-a25 {
        width: calc(950px*970/1560);
        margin: 0 auto;
        margin-top: calc(950px*33/1560);
    }
    .mu2-a3 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a3-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a31 {
        width: 100%;
        height: 100%;
    }
    .mu2-a3-pag {
        position: absolute;
        bottom: calc(950px*60/1560);
        width: 100%;
        justify-content: center;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .mu2-a3-pag .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        margin-right: calc(950px*23/1560);
    }
    .mu2-a3-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a3-pag .swiper-pagination-bullet-active {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #af8141;
    }
    .mu2-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a41 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a41>img:nth-child(2) {
        display: none;
    }
    .mu2-a42 {
        width: calc(950px*448/1560);
        height: calc(950px*506/1560);
        position: absolute;
        top: calc(950px*130/1560);
        left: calc(950px*140/1560);
    }
    .mu2-a4-swi {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a44 {
        width: 100%;
        height: calc(950px*275/1560);
    }
    .mu2-a45 {
        width: 100%;
        margin-top: calc(950px*30/1560);
        font-size: calc(950px*16/1560);
        line-height: calc(950px*36/1560);
        color: #222222;
    }
    .mu2-a4-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a5b {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a5-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a51 {
        width: 100%;
        height: 100%;
        padding: 0 calc(950px*165/1560);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mu2-a52 {
        width: calc(950px*555/1560);
    }
    .mu2-a52>img {
        width: 100%;
        transition: 0.5s;
    }
    .mu2-a52:hover>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mu2-a53 {
        width: calc(950px*580/1560);
    }
    .mu2-a54 {
        font-size: calc(950px*36/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        font-weight: bold;
    }
    .mu2-a55 {
        font-size: calc(950px*16/1560);
        line-height: calc(950px*36/1560);
        color: #fff;
        margin-top: calc(950px*35/1560);
        text-align:justify;
        text-indent:25px;
    }
    .mu2-a56 {
        margin-top: calc(950px*54/1560);
    }
    .mu2-a5-pag {
        display: none;
    }
    .mu2-a5-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: calc(950px*100/1560);
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: calc(950px*100/1560);
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1023px) {
    .mu2-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a61 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a62 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 1.18rem 0.75rem 0;
    }
    .mu2-a63 {
        width: 100%;
        height: 100%;
    }
    .mu2-a64 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a65 {
        font-size: 0.36rem;
        line-height: 0.55rem;
        color: #fff;
        margin-top: 0.26rem;
        text-align: center;
        font-weight: bold;
    }
    .mu2-a66 {
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #fff;
        margin-top: 0.25rem;
        text-align:justify;
        text-indent:.5rem;
    }
    .mu2-a67 {
        margin-top: 0.44rem;
        margin: 0 auto;
    }
    .mu1 {
        width: 100%;
        height: 0.96rem;
        margin-top: 0.74rem;
        display: -webkit-box;
        overflow: hidden;
        overflow-x: auto;
        padding-left: 0.4rem;
    }
    .mu1-a {
        cursor: pointer;
        margin-right: 0.85rem;
    }
    .mu1-a>.mu1-a1 {
        height: 0.96rem;
        width: max-content;
        float: left;
        position: relative;
    }
    .mu1-a>.mu1-a2 {
        float: left;
        font-size: 0.3rem;
        line-height: 0.96rem;
        color: #c39f60;
        font-weight: bold;
        transition: 0.5s;
        margin-left: 0.17rem;
    }
    .mu1-a>.mu1-a1>img {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .mu1-a>.mu1-a1>img:nth-child(1) {
        display: block;
        height: 0.26rem;
    }
    .mu1-a>.mu1-a1>img:nth-child(2) {
        height: 80%;
        display: none;
    }
    .mu1-a:nth-child(1)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(4)>.mu1-a1>img:nth-child(2) {
        height: 100%;
    }
    .mu1-a:nth-child(6)>.mu1-a1>img:nth-child(2) {
        height: 70%;
    }
    .mu1-a:nth-child(2)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a:nth-child(5)>.mu1-a1>img:nth-child(2) {
        height: 60%;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(1) {
        display: none;
    }
    .mu1-a.on1>.mu1-a1>img:nth-child(2) {
        display: block;
    }
    .mu1-a.on1 .mu1-a2 {
        color: #222222;
        transition: 0.5s;
    }
    .mu2 {
        width: calc(100% - 0.4rem*2);
        height: 10rem;
        margin: 0 auto;
        position: relative;
        margin-top: 0.48rem;
    }
    .mu2-a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }
    .mu2-a.on1 {
        opacity: 1;
        transition: 0.5s;
    }
    .mu2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a1i {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a1t {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        display: table;
    }
    .mu2-a1t1 {
        display: table-cell;
        vertical-align: middle;
    }
    .mu2-a1t1>div:nth-child(1) {
        font-size: 0.6rem;
        line-height: 0.6rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a1t1>div:nth-child(2) {
        font-size: 0.26rem;
        line-height: 0.56rem;
        color: #fff;
        margin-top: 0.45rem;
        padding: 0 1rem;
        text-align:justify;
        text-indent:.5rem;
    }
    .mu2-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-swi2 {
        width: 100%;
        height: 100%;
    }
    .mu2-a21 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a22 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 0.9rem;
    }
    .mu2-a23 {
        font-size: 0.48rem;
        line-height: 0.48rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .mu2-a24 {
        margin-top: 0.41rem;
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #fff;
        padding: 0 0.6rem;
        text-align:justify;
        text-indent:.5rem;
    }
    .mu2-a25 {
        width: 100%;
        margin-top: 0.7rem;
        padding: 0 0.6rem;
    }
    .mu2-a2-pag {
        position: absolute;
        left: 0;
        bottom: 0.63rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mu2-a2-pag .swiper-pagination-bullet {
        width: 0.17rem;
        height: 0.17rem;
        background: #fff;
        border-radius: 50%;
        margin-right: 0.36rem;
    }
    .mu2-a2-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a2-pag .swiper-pagination-bullet-active {
        width: 0.2rem;
        height: 0.24rem;
        border-radius: 50%;
        background: #fff;
    }
    .mu2-a3 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a3-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a31 {
        width: 100%;
        height: 100%;
    }
    .mu2-a3-pag {
        position: absolute;
        bottom: 0.62rem;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .mu2-a3-pag .swiper-pagination-bullet {
        width: 0.17rem;
        height: 0.17rem;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        margin-right: 0.38rem;
    }
    .mu2-a3-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a3-pag .swiper-pagination-bullet-active {
        width: 0.24rem;
        height: 0.24rem;
        border-radius: 50%;
        background: #af8141;
    }
    .mu2-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a41 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a41>img:nth-child(1) {
        display: none;
    }
    .mu2-a42 {
        width: calc(100% - 0.57rem*2);
        height: 6rem;
        position: absolute;
        top: 2.03rem;
        left: 0.57rem;
    }
    .mu2-a4-swi {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a44 {
        width: 100%;
        height: 3.42rem;
    }
    .mu2-a45 {
        width: 100%;
        margin-top: 0.3rem;
        font-size: 0.28rem;
        line-height: 0.48rem;
        color: #222222;
    }
    .mu2-a4-prev {
        width: 0.78rem;
        height: 0.78rem;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 0.85rem);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next {
        width: 0.78rem;
        height: 0.78rem;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 0.85rem);
        outline: none;
        top: auto;
        bottom: 0;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a4-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a5b {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mu2-a5-swi {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .mu2-a51 {
        width: 5.55rem;
        height: 100%;
        margin: 0 auto;
        padding-top: 0.65rem;
    }
    .mu2-a52 {
        width: 5.55rem;
        margin: 0 auto;
    }
    .mu2-a52>img {
        width: 100%;
        transition: 0.5s;
    }
    .mu2-a52:hover>img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .mu2-a53 {
        width: 100%;
    }
    .mu2-a54 {
        font-size: 0.36rem;
        color: #fff;
        font-weight: bold;
        margin-top: 0.6rem;
        line-height: 0.42rem;
    }
    .mu2-a55 {
        font-size: 0.24rem;
        line-height: 0.48rem;
        color: #fff;
        margin-top: 0.4rem;
        text-align:justify;
        text-indent:.5rem;
    }
    .mu2-a56 {
        margin-top: 0.48rem;
    }
    .mu2-a5-pag {
        width: 100%;
        position: absolute;
        bottom: 0.63rem;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mu2-a5-pag .swiper-pagination-bullet {
        width: 0.17rem;
        height: 0.17rem;
        border-radius: 50%;
        background: #fff;
        margin-right: 0.38rem;
    }
    .mu2-a5-pag .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .mu2-a5-pag .swiper-pagination-bullet-active {
        width: 0.24rem;
        height: 0.24rem;
        border-radius: 50%;
        background: #cc974b;
    }
    .mu2-a5-prev {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k2.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
        display: none;
    }
    .mu2-a5-next {
        width: 61px;
        height: 61px;
        border: 1px solid #be9855;
        border-radius: 50%;
        position: absolute;
        right: calc(50% - 70px);
        outline: none;
        top: auto;
        bottom: 100px;
        background: url(../img/k3.png) no-repeat;
        background-size: 100% 100%;
        transition: 0.5s;
        display: none;
    }
    .mu2-a5-prev:hover {
        background: url(../img/s67.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
    .mu2-a5-next:hover {
        background: url(../img/s70.png) no-repeat;
        border: none;
        background-size: 100% 100%;
        transition: 0.5s;
    }
}

.swiper-button-next {
    border: 1px solid #be9855;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
}

.swiper-button-prev {
    border: 1px solid #be9855;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
}

.swiper-button-prev>img {
    width: 21px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.swiper-button-prev>img:nth-child(1) {
    opacity: 1;
    transition: 0.5s;
}

.swiper-button-prev>img:nth-child(2) {
    opacity: 0;
    transition: 0.5s;
}

.swiper-button-next>img {
    width: 21px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.swiper-button-next>img:nth-child(1) {
    opacity: 1;
    transition: 0.5s;
}

.swiper-button-next>img:nth-child(2) {
    opacity: 0;
    transition: 0.5s;
}

.swiper-button-prev:hover {
    background-color: #be9855;
    border: none;
    transition: 0.5s;
}

.swiper-button-prev:hover>img:nth-child(1) {
    opacity: 0;
    transition: 0.5s;
}

.swiper-button-prev:hover>img:nth-child(2) {
    opacity: 1;
    transition: 0.5s;
}

.swiper-button-next:hover {
    background-color: #be9855;
    border: none;
    background-size: 100% 100%;
    transition: 0.5s;
}

.swiper-button-next:hover>img:nth-child(1) {
    opacity: 0;
    transition: 0.5s;
}

.swiper-button-next:hover>img:nth-child(2) {
    opacity: 1;
    transition: 0.5s;
}